删除根据其内容判断的html标记？

Question

我正在尝试删除<p><a class="link" href="Dynamic-URL">Dynamic Title</a>:</p>的所有实例

我单独删除了标记，但这仍然留给:，即使我删除了标记，所有:也会从任何<p>中删除。

是否只有当<p>标记包含a.link时，才能删除它的标记及其内容？

Answer 1

是的你可以。

工频：http://jsfiddle.net/1Ljgnkut/

<a href = "#">One</a>
<p>
  <a class = "link" href = "#">Two</a>:
</p>
<p>
  <a class = "link" href = "#">Three</a>:
</p>
<a class = "link" href = "#">Four</a>

JavaScript (使用jQuery)

$(document).ready(function () {

  $("p .link").closest("p").remove();

});

Answer 2

这样做有什么问题，这将检查所有的p标记，如果包含返回的a.link，删除它：

 $('p').has('a.link').remove()

DEMO

Answer 3

您可以通过以下jquery行获取<p><a class="link" href="Dynamic-URL">Dynamic Title</a>:</p>的所有实例：

$("p a.link")

然后，可以循环遍历数组中的所有元素，并逐个删除它们，如下所示：

   $("p a.link").each(function(){
     $(this).remove();
   });