删除具有特定数据属性的元素的锚后代

Question

也许这是一个愚蠢的问题，但有什么方法可以删除特定数据ID的链接？ （见图）：

我希望我的问题有道理！

Answer 1

你可以试试jQuery的.removeAttr

$('li.one-third.column').removeAttr('data-id');

Answer 2

如果要从DOM中删除任何内容，则需要使用JavaScript。

原生JavaScript

在现代浏览器中，您可以使用querySelectorAll选择元素，然后将其从DOM中删除。像这样：

var elm = document.querySelectorAll("li[data-id='id-166'] a.go-link");
elm.parentNode.removeChild(elm);

注意对querySelectorAll - IE8及以上

的浏览器支持有限

<强>的jQuery

使用像jQuery这样的库，可以做得更短：

$("li[data-id='id-166'] a.go-link").remove();