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

时间:2012-12-08 01:45:04

标签: jquery html

我有以下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>

1 个答案:

答案 0 :(得分:2)

您的标记无效。

<input>元素没有结束标记,因此您的浏览器会尝试修复错误,只需在<a>之后设置<input>元素。

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

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

DEMO: http://jsfiddle.net/cqwKw/