Question

在我的页面的DOM中有一行如下：

<script src="text" src="something"> </script>

如何解析DOM，如果找到具有src="text"属性的元素，请将其从页面中删除？

Answer 1

您可以使用

用于选择元素的属性选择器 [src="text"]
remove() 将其从dom

$('script[src="text"]').remove()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="something" src="text" src="something_else"></script>

Answer 2

怎么样

$('script[src="text"]').remove() ;

Answer 3

无jQuery的答案是使用querySelector：

document.querySelector("script[src='text']").remove();

所有现代浏览器都支持。为了与IE的兼容性＆lt; 8，你必须使用Sizzle或jQuery（使用Sizzle进行跨浏览器兼容）。

Answer 4

如果要重新插入，请使用detach()方法：

$(document).ready(function() {
  console.log($("script[src='text']").length);
  $("script[src='text']").detach();
  console.log($("script[src='text']").length);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="something" src="text" src="something_else"> </script>

或remove()。

从DOM中删除

4 个答案: