javascript - 我如何获得与 jquery 匹配的类的第一个父级？

Question

我正在尝试获取与类检查匹配的第一个父元素，但我遇到了问题。我的页面可能如下所示:

<input id="hidden1" type="hidden" value="5" class="includeds">
<h3>header</h3>
<ul class="groups">
    <li><input id="li1" type="checkbox" value="1" onclick="value()"></li>
    <li><input id="li2" type="checkbox" value="2" onclick="value()"></li>
    <li><input id="li3" type="checkbox" value="3" onclick="value()"></li>
</ul>
<input id="hidden2" type="hidden" value="3" class="includeds">
<h3>header2</h3>
<ul class="groups">
    <li><input id="li4" type="checkbox" value="4" onclick="value()"></li>
    <li><input id="li5" type="checkbox" value="5" onclick="value()"></li>
    <li><input id="li6" type="checkbox" value="6" onclick="value()"></li>
</ul>

因此，如果我单击复选框 li1，我想从其上方的隐藏字段中检索值 "5"。

如果我点击 li5，我想从它上面的第一个隐藏字段中获取 "2" 的值，等等。

我正在尝试这个(在 value() 函数内)，但它不起作用，我不断收到未定义的错误。

var thevalue = $(this).closest(".includeds").value);

或

var thevalue = $(this).closest(".includeds").attr("value").toString());

我不明白为什么他们不工作，有什么想法吗？感谢您的帮助。

Answer 1

我用你的标记得到了这个:

var value = $(this).closest('ul').prevAll('.includeds:first').val();

实例:http://jsfiddle.net/xfE8B/