如何使用 javascript 从网页中删除 HTML 元素？（尝试做一个chrome扩展）

【问题标题】：How do I remove an HTML element from a webpage using javascript? (Trying to make a chrome extension)如何使用 javascript 从网页中删除 HTML 元素？（尝试做一个chrome扩展）
【发布时间】：2016-07-22 17:48:16
【问题描述】：

所以现在... I am trying to remove the div class 'box' based on the product having the title 'iPhone' in the string in this picture

【问题讨论】：

你用什么代码来删除？
我马上编辑我的帖子
这里好像重复了stackoverflow.com/questions/5933157/…
是的，我尝试使用他的实现，但我仍然无法从网站上删除任何内容
看看developer.chrome.com/extensions/content_scripts和stackoverflow.com/questions/9602022/…

标签： javascript jquery html dom google-chrome-extension

【解决方案1】：

看看:contains selector，可以使用以下代码。

$("p:contains('iPhone')").closest("div.box").remove();

p:contains('iPhone') 将获取所有包含 iPhone 的 <p> 文本，而 closest("div.box") 将获取第一个 div 类 box，然后 remove 将删除 div 以及所有内容在里面。

【讨论】：