选择包含特定子项的父项

Question

我在 html 中有这样的结构：

<ul id="resultlist">
    <li>
        <input type="hidden" value="idNumber" />
        <dl>
        ...
        </dl>
    </li>
</ul>

jquery 中是否有一种单行方法可以根据子项查找

？

目前我的代码中有这个来查找

但它很长：

//dynamic value
var idNumber = 2; 

//finds input with value of 2
var hiddenInput = $('#resultList').find('input[value='+idNumber+']'); 

var listItem = hiddenInput.parent();

Answer 1

如果你想要一句俏皮话，只需链接调用即可。

var listItem = $('#resultList input[value="'+idNumber+'"]').parent();

我还将 input 选择器带入第一个选择器中，以稍微缩短它，并且我还在属性值周围添加了缺失的引号。

---

我想如果你真的想要的话，你可以使用非标准 :has() 选择器......

var listItem = $('#resultList li:has(input[value="'+idNumber+'"])');