删除具有特定类的标记

时间:2018-04-04 11:32:11

标签: javascript jquery

我有一个字符串,想要删除没有“.primary-black”类的锚点,例如

var text = '<a class="primary-black" href="https://www.google.com">Google</a>
    <a href="https://www.google.com">Google</a>';

结果应该是:

var text = '<a class="primary-black" href="https://www.google.com">Google</a>
Google';

4 个答案:

答案 0 :(得分:1)

我就是这样做的。您可以使用unwrap删除这些特定元素的标记

var x = $( "a:not(.primary-black)" ).contents().unwrap();

 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<a class="primary-black" href="https://www.google.com">Google</a>
<a href="https://www.google.com">Google</a>

答案 1 :(得分:0)

待办事项

var text = '<a href="" class="primary-black">G1</a><a href="" class="primarck">G2</a><a href="" class="primary-black">G3</a><a href="" class="primary-b">G4</a>';

var $div = $('<div>');
$div.append(text);
var $tags = $div.find('a:not(.primary-black)');
$tags.each(function() {
  var $tag = $(this);
  $tag.replaceWith($tag.text());
});
text = $div.html();
console.log(text);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

不会删除没有类<a>的每个primary-black元素,但内容将保留。

答案 2 :(得分:0)

您可以执行以下操作

HTML

<a class="primary-black" href="https://www.google.com">Google</a>
<a href="https://www.google.com">Google</a>

的Javascript

var element = document.getElementsByTagName("a");
for (index = element.length - 1; index >= 0; index--) {
if(element[index].className!="primary-black"){
    element[index].parentNode.removeChild(element[index]);
    }
}

这将删除没有主要黑色类的锚标记。

答案 3 :(得分:0)

你可以试试!!

submitter()
document