使用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的正確方法是什麼？

回答

相關問題