jquery - 来自相同输入类型=隐藏类“myclass”的上升事件并获得不同的值

Question

我有以下html。

<input class="gallery-next1" type="hidden" value="2"><a href="#" class="gallery-next" >unu</a></input>

和下面的jQuery

$(".gallery-next").click(function (){
     alert($(this).closest("input").val());
});

此查询显示在警报“未定义”中。你知道为什么我没有得到价值 2 吗？

好的，现在 1 无处不在我如何将此类绑定到同一个函数并让对象触发事件？

<input class="gallery-next1" type="hidden" value="1"><a href="#" class="gallery-next" >unu</a>
<input class="gallery-next1" type="hidden" value="2"/><a href="#" class="gallery-next" >doi</a>
<input class="gallery-next1" type="hidden" value="3"/><a href="#" class="gallery-next" >trei</a>

Answer 1

您的标记无效。

<input>element 没有结束标签，因此您的浏览器尝试修复错误，只需<a>在<input>.

修复标记并使用siblings()or prev()：

$(".gallery-next").click(function() {
    alert($(this).siblings("input").val());  // or $(this).prev().val();
});

演示：http: //jsfiddle.net/cqwKw/