如果元素包含另一个指定的元素,则将其删除

时间:2019-08-29 11:38:22

标签: javascript jquery html

我想使用Javascript删除<tr class="form-item-row">内包含<a class="delete_this_tr"/>的所有内容。有人可以帮我吗?

<tr class="form-items">
<td>
    <!--- I WANT TO DELETE THIS -->
    <tr class="form-item-row">
        <td class="fill-form">
            <a class="delete_this_tr"/>
        </td>
    </tr>
</td>
    <!--- I DON'T WANT TO DELETE THIS -->
<td>
    <tr class="form-item-row">
        <td class="fill-form">
            <a class="not_this_tr"/>
        </td>
    </tr>
</td>
</tr>

3 个答案:

答案 0 :(得分:0)

您还可以使用display none属性

<tr class="form-item-row displayNone">
        <td class="fill-form">
            <a class="delete_this_tr"/>
        </td>
    </tr>



 in css
.displayNone{
  display: block;
}

答案 1 :(得分:0)

   $( ".form-items .form-item-row .fill-form a" ).each(function( index ) {

  if($( this ).attr('class') === "delete_this_tr"){
    $($(this).closest("tr").remove());
  }
});

答案 2 :(得分:0)

这应该可以满足您的需求

{
    "query": {
        "match_phrase": {
            "phone_case" : {
                "query" : "green",
                "analyzer" : "synonym_analyzer"  // NOTE THIS

            }
        }
    }
}

您始终可以将其放在函数中,并在实际需要相应删除节点时调用它。

添加了一些小提琴来演示 Right here