jquery - 如何找到具有特定值的子元素并删除其直接父节点？

Question

我需要找到一个元素<strong class="name">Priority:</strong> 。如果存在，我需要删除它的父元素，即 <div class="wrap"> 我知道 <li class="item"> 中还存在其他元素。例如<strong class="name">Type:</strong> 。但这不应该触及。

<li class="item">
    <div class="wrap">
        <strong class="name">Type:</strong>
        <span id="type-val" class="value">
             <img alt="Task" height="16" src="task.png" title="" width="16"> Task
        </span>
    </div>
</li>
<li class="item">
        <div class="wrap">
            <strong class="name">Priority:</strong>
            <span id="priority-val" class="value editable-field inactive" title="Click to edit">
                   <img alt="2. Critical" height="16" src="/critical.png" title="2"> 2. Critical
            <span class="overlay-icon aui-icon aui-icon-small aui-iconfont-edit"></span></span>
        </div>
</li>

我尝试了下面的代码，但没有帮助。

$("li.item").find("strong.name").each(function(){
if (this[value="Priority:"]) {
    this.parent.remove()
}
});

Answer 1

您可以尝试组合:has与 :contains 。例如:

$('li.item .wrap:has(strong.name:contains("Priority:"))').remove();

参见Fiddle