使用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();

它顯示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>