我有以下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>
答案 0 :(得分:2)
<input>
元素没有结束标记,因此您的浏览器会尝试修复错误,只需在<a>
之后设置<input>
元素。
修复标记并使用siblings()
或prev()
:
$(".gallery-next").click(function() {
alert($(this).siblings("input").val()); // or $(this).prev().val();
});