使用PARENT和FIND的正确方法是什么？

我尝试通过在类“half_weight”的父DIV中找到它来获取input type = text的值。但我得到的结果NaN的，它应该是0.8使用PARENT和FIND的正确方法是什么？

这是HTML：

<div class="add_controller amt no_space half_weight">     
    <div class="col s2 adds"> 
    <a id="" href="#" class="button-minus product_quantity_down"> 
     <i class="material-icons">remove</i> 
    </a> 
    </div> 
    <div class="col s2 adds"> 
    <a href="#" class="button-plus product_quantity_up"> 
     <i class="material-icons">add</i> 
    </a> 
    </div> 
    <div class="col s5 qty"> 
    <div class="row"> 
     <span class="col s6 qty_value"> 
     <input type="text" name="" id="" stepquan="0.8" rtype="2" value="0.8" class="text" /> 
     </span>   
    </div> 
</div>

这是我的jQuery：

$('.button-plus').on('click', function() { 
    valTemp = parseFloat($(this).parent('.half_weight').find('.qty_value').siblings('input[type=text]').val()); 
    alert(valTemp); 
});

来源

2017-10-14 AndrewS

输入是不是* *同级的'span.qty_value'的，但一个孩子。只需使用'.find（'。qty_value> input [type = text]'）。val（）'作为选择器 – Bergi

也可以将父项更改为父项。 –

此外，使用“父母（）”来查找DOM树上的几个级别的祖先。 “parent（）”只会遍历一个级别。 – agrm

你不需要siblings()（它是指邻居和你有亲子关系）。我把

$(this).parents(".half_weight").find('.qty_value input[type=text]').val();

它显示0.8。

$('.button-plus').on('click', function() { 
 
    var valTemp = parseFloat($(this).parents(".half_weight").find('.qty_value input[type=text]').val()); 
 
    alert(valTemp); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="add_controller amt no_space half_weight">     
 
    <div class="col s2 adds"> 
 
     <a id="" href="#" class="button-minus product_quantity_down"> 
 
      <i class="material-icons">remove</i> 
 
     </a> 
 
    </div> 
 
    <div class="col s2 adds"> 
 
     <a href="#" class="button-plus product_quantity_up"> 
 
     <i class="material-icons">add</i> 
 
     </a> 
 
    </div> 
 
    <div class="col s5 qty"> 
 
    <div class="row"> 
 
     <span class="col s6 qty_value"> 
 
      <input type="text" name="" id="" stepquan="0.8" rtype="2" value="0.8" class="text" /> 
 
     </span> 
 

 
    </div> 
 
</div>

来源

2017-10-14 19:58:04 curveball

使用PARENT和FIND的正确方法是什么？

回答

相关问题