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

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