Question

HTML 的

      <td data-title="Quantity">
         <div class="clearfix quantity r_corners d_inline_middle f_size_medium color_dark m_bottom_10">
           <button class="btn-minus bg_tr d_block f_left" data-item-price="8000.0" data-direction="down">-</button>
           <input min="0" class="f_left" type="text" value="2" name="order[line_items_attributes][0][quantity]" id="order_line_items_attributes_0_quantity">
           <button class="btn-plus bg_tr d_block f_left" data-item-price="8000.0" data-direction="up">+</button>
         </div>
         <div>
           <a href="#" class="color_dark remove-order"><i class="fa fa-times f_size_medium m_right_5"></i>Remove</a><br>
         </div>
     </td>

的Javascript

    $('.remove-order').click(function(){
       ????
    });

如何在单击删除时获取输入文本的值？

Answer 1

您可以使用.val()

$('.remove-order').click(function(){
   $('#order_line_items_attributes_0_quantity').val()
});

Answer 2

 $('.remove-order').click(function(){
     var input_val = $('#order_line_items_attributes_0_quantit').val();
     console.log(input_val);
 });

Answer 3

$('.remove-order').click(function () {d
    var myval="";
    myval = $('input.f_left').val();
    // or use:
    myval = $('input.f_left')[0].value;
});

在这种情况下，这些都会将2值作为字符串返回。如果您想要一个号码，请务必使用parseInt(myval);

进行解析

注意：由于你有一个ID，你应该使用该选择器：

var myvalInt = parseInt($('#order_line_items_attributes_0_quantity').val(), 10);

因为那是最快的方法。

Answer 4

尝试最近（）：

$('.remove-order').on('click', function(e){
  alert($(this).closest('td').find('input[name^=order]').eq(0).val());
});

下面，

.closest（'td'），最近的父td。
.find（'input [name ^ = order]'），name属性以order开头的所有输入
.eq（0），列表中的第一项

JQuery获取输入值

4 个答案: