从内容中删除html标签?

时间:2015-12-09 05:14:39

标签: jquery html hyperlink tags

我试图删除<p><a class="link" href="Dynamic-URL">Dynamic Title</a>:</p>

的所有实例

我已逐个删除了代码,但这仍然留给我:,即使我将其删除,所有:也会从<p>

中删除

是否有办法在<p>标记及其内容包含a.link时删除它?

5 个答案:

答案 0 :(得分:1)

这样做有什么不对,这会检查所有p标记,如果包含a.link,则会将其删除:

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

DEMO

答案 1 :(得分:1)

是的,你可以。

工作小提琴:http://jsfiddle.net/1Ljgnkut/

<强> HTML

<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();

});

答案 2 :(得分:0)

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

$("p a.link")

然后你可以遍历数组中的所有元素并逐个删除它们:

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

答案 3 :(得分:0)

你可以尝试这样的方法来解决你的问题

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

希望这有帮助......

答案 4 :(得分:0)

试试这个。

$("p > a.link").parent().remove();
相关问题