选择所选孩子的父母

Question

首先，如果这是一个多余的问题，请原谅我。我想您会同意，合理地专门搜索这是一个困难的案例。

我有看起来像

<li class='signature'>
    <span class='label'>Signature:</span>
    <div class='folding'>
        <span class='data'></span>
    </div>
</li>
<li class='issuer'>
    <span class='label'>Issuer:</span>
    <span class='data'></span>
</li>

等的html。

我想使用jquery仅对包含“folding”类的div的任何li执行.addClass，但不对其他li执行。我确信我可以使用巧妙设计的 .each 语句来做到这一点，但我直觉地认为必须有一种方法可以仅使用 jquery 选择器来做到这一点。我已经做到了，

$('li > .moreclick').addClass("arrowable");

但这当然将类添加到跨度中，而不是添加到里中。

我是否被 .each 困住了？ （如果是这样，任何关于最佳方法的提示都会很好，但不可否认，这超出了问题的范围）。

谢谢！

Answer 1

如果 li 始终是绝对父级：

$("div.folding").parent().addClass("new-class")

否则，这将继续搜索层次结构，直到找到 li：

$("div.folding").closest("li").addClass("new-class")

[编辑]
迪奥斯拉斯卡的解决方案要好得多。不过，将我的保留在这里以供参考。

Answer 2

尝试以下

$('li:has(.folding)').addClass("arrowable");

jQuery 文档

Answer 3

例如：

$('.folding').parent().addClass('arrowable');

//编辑太慢..

Answer 4

试试这个。

$('li').has('.folding').addClass("arrowable");

Answer 5

如果您只想检查 li 的直接子代：

$('li:has(> div.folding)').addClass("arrowable");

Answer 6

请尝试这样做：

$("li:has(div.folding)").addClass("new-class")

这将准确选择 li 元素，该元素是具有 'folding' 类的 div 的父元素。