PARENTとFINDを使用する正しい方法は何ですか？

Question

私は、クラス "half_weight"を持つ親DIVでinput type = textの値を見つけようとします。しかし、私は結果NaNにを取得し、それは0.8

これは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); 
}); 

Answer 1

あなたはそれが参照する（siblings()を必要としません。あなたは親子関係を持っています）。私はちょうど入れた

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

とそれを示しています。

$('.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>