我想获取已分配class =“ qty-text”的文本框值。它可以是多个文本框,但为简单起见,我在这里只使用了一个。在下面的代码中尝试过,但是返回的是未定义的值。请帮助解决此问题。
$(document).on('click','.qButton',function(e){
var id="a318d5";
var get_value = $('#a318d5').closest("div.quantity").find("input[class='qty-text']").val();
alert(get_value);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<table>
<tr>
<td class="action"><a href="#" id="a318d5" class="remove_cart"><i class="fa fa-times" aria-hidden="true"></i></a></td>
<td class="cart_product_img">
<a href="#">Image</a>
</td>
<td class="cart_product_desc">
<h5>Product</h5>
</td>
<td>
<span> M </span>
</td>
<td class="price"><span>$320</span></td>
<td class="qty">
<div class="quantity">
<input type="number" class="qty-text" step="1" min="1" max="1" name="quantity" value=3>
</div>
<i class="fa fa-caret-down downarr"></i>
</td>
<td class="total_price"><span>960</span></td>
</tr>
</table>
<button class="col-xs-12 qButton">select</button>
答案 0 :(得分:2)
您的代码中DOM层次结构存在问题。 input.qty-text
在当前td
中另一个tr
的内部(我们甚至无法确切知道下一个td
)。因此,请尝试以下操作:
$(document).on('click', '.qButton', function(e) {
var id="a318d5";
var get_value = $('#' + id).closest("tr").find("input.qty-text").val();
alert(get_value);
});
答案 1 :(得分:1)
您可以使用儿童选择器(“父母>儿童”)
onSameUrlNavigation: 'reload',
scrollPositionRestoration: 'enabled',
anchorScrolling: 'enabled',
scrollOffset: [0, 50]
$(document).on('click','.qButton',function(e){
// input[name='Author["+sumClick+"][firstName]']
var id="a318d5";
var get_value = $("quantity > .qty-text ").val();
alert(get_value);
});
答案 2 :(得分:0)
尝试一下
$(document).on('click','.qButton',function(e){
var id="a318d5";
var get_value = $('#a318d5').parents('tr').find("input[class='qty-text']").val();
alert(get_value);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<table>
<tr>
<td class="action"><a href="#" id="a318d5" class="remove_cart"><i class="fa fa-times" aria-hidden="true"></i></a></td>
<td class="cart_product_img">
<a href="#">Image</a>
</td>
<td class="cart_product_desc">
<h5>Product</h5>
</td>
<td>
<span> M </span>
</td>
<td class="price"><span>$320</span></td>
<td class="qty">
<div class="quantity">
<input type="number" class="qty-text" step="1" min="1" max="1" name="quantity" value=3>
</div>
<i class="fa fa-caret-down downarr"></i>
</td>
<td class="total_price"><span>960</span></td>
</tr>
</table>
<button class="col-xs-12 qButton">select</button>