Question

我尝试通过在类“half_weight”的父DIV中找到它来获取输入 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>

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

1 个答案: