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

Posted 2023-05-09

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

【英文标题】：How do I remove an HTML element from a webpage using javascript? (Trying to make a chrome extension)

【发布时间】：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

【问题讨论】：

你用什么代码来删除？

我马上编辑我的帖子

这里好像重复了***.com/questions/5933157/…

是的，我尝试使用他的实现，但我仍然无法从网站上删除任何内容

看看developer.chrome.com/extensions/content_scripts和***.com/questions/9602022/…

【参考方案1】：

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

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

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