获取名称包含的下一个元素

Question

好的，我已经为此奋斗了一个多小时，所以我不得不问。这是我的 HTML

<a id="edit_shipping">[ Save ]</a>
<span>Method: <input id="new_shipping_method" type="text" value="Free Shipping"></span>
<input type="hidden" name="order_total[1][order_total_id]" value="14">

还有我的 jquery

$("#edit_shipping").on("click",function(){
   alert($(this).next('input[name*="order_total_id"]').val());
});

我一生都无法弄清楚为什么我不断得到一个未定义的。我还尝试了查找选择器和相同的结果。请帮忙！

Answer 1

你能告诉我它是否有效吗？

$("#edit_shipping").on("click",function(){
   alert($(this).siblings('input[name*="order_total_id"]').val());
});

Answer 2

尝试使用 nextAll 代替 next。

$("#edit_shipping").on("click",function(){ 
alert($(this).nextAll('input[name*="order_total_id"]').val());
});