如何使用Jquery选择相邻隐藏输入的值？

Question

当用户单击下面的"li“末尾的img时，我希望获得前面两个元素的隐藏输入的值。

<ul id="theLists">
    <li>
    <input class="checkbox" type="checkbox" name="row"/>
    <input class="contentId" type="hidden" value="64" name="id"/>
    <div id="64" class="editable">Peanuts for me</div>
    <img src="/img/delete.gif" alt="delete"/>
    </li>
</ul>

我试过这个：

$(document).ready(function(){
    $("#theLists img").click(function(){
        var contentId = $(this).closest("input[name='id']").val();          
    });

无济于事。有什么想法吗？我需要用行id设置一个var，在本例中是"64“。

Answer 1

最近(...)获取最接近的父节点，而不是最近的同级节点。

事实上，有多种方法可以做你想做的事情。

试试这些：

var contentId = $(this).siblings("input[name='id']").val();

var contentId = $(this).parent().children("input[name='id']").val();

var contentId = $(this).prev().prev().val();

Answer 2

See complete solution here.

您可以将id属性移动到包含<li>的，删除隐藏字段，然后只需使用：

var contentId = $(this).parent().get(0).id;

这样做的好处是，将来您可以添加其他操作，如“编辑”等，而无需担心兄弟的位置。

Answer 3

又好又便宜：

var contentId = $(this).parents('li:first').find('.contentId').val();