Javascript删除某个单词所在的html行

如何使用javascript删除字符串中包含特定单词的行

word1
word2
word3

运行javascript代码后，我希望它如下所示：

word1
word3

word1

word3

我知道我可以使用

str.replace（“word2”，”）

使它看起来像这样：

word1
word3

word1

word3

但我似乎无法摆脱这句话

---

谢谢

您需要将每行文本放在它自己的容器元素中（如

），并将这些元素中的每一行包装在另一个容器元素中（如另一个

）

这是必要的，因为一个视口上的“线”可能与“线”不同在另一种情况下。这样，文本的每一位都会被包含。此外，如果要删除某个单词或短语所在的整行，则不能仅用

字符串替换该单词或短语。替换
，因为该行的其余文本仍将在那里

然后，当确定需要删除哪个
时，删除
div

下面是一个例子：


var parent=null，child1=null，child2=null，child3=null，child4=null，btn=null；
addEventListener（“DOMContentLoaded”，function（））{
父项=document.getElementById（“父项”）；
c1=document.getElementById（“child1”）；
c2=document.getElementById（“child2”）；
c3=document.getElementById（“child3”）；
c4=document.getElementById（“child4”）；
b=document.getElementById（“btn”）；
b、 addEventListener（“单击”，函数（）{
//您需要添加您的逻辑来确定
//这里需要删除子元素。我只是
//显示删除元素的实际代码。
亲本：removeChild（c3）；
});      
})；

单词1
单词2
单词3
单词4
您可以尝试使用正则表达式删除换行符：

    str.replace(/^(\r\n)|(\n)/,'');

要替换这两个函数，请绑定两个替换函数，如：

   str.replace("word2",'').replace(/^(\r\n)|(\n)/,'');

如果使用
包装单词，请使用以下命令

$('p:contains("word2")').remove();

否则，如果它们用
包装，则可以使用以下命令

$('div:contains("word2")').remove();

您可以有任何您想要的标记，如span、label等，只需要在代码中替换它。您需要使用jquery来运行它

搜索html文本，并找到导致换行的原因。可能“>br首先，当使用字符串作为第一个参数时，
replace
方法将只替换字符串的第一个匹配项。Regex可以处理多个匹配项。但是如果要删除包含该单词的行（周围还有其他词）使用replace可能不是一条好路

相反，您可以拆分行，然后拆分这些行中的单词，然后查找单词：


//单击按钮时，执行筛选
document.getElementById（'filter'）。addEventListener（'click'，function（）{
var word=document.getElementById（'word'），
content=document.getElementById（'content'）；
content.value=筛选行（content.value、word.value）；
}，假）；
函数筛选器_行（内容、字）
{
//分道扬镳
变量行=content.split（'\n'）；
//每行
对于（var i=0；i来说，一种方法可能是在换行符中拆分（）单词，然后使用循环可以进一步打断每个单词。
使用正则表达式搜索特定单词，替换它，然后随后加入。
因为这样的空白在HTML中没有意义（除了一些标记/特殊情况），你为什么在意？假设
word1
、
word2
和
word3
行都在它们自己的
div
或其他可选元素中？因为帖子没有用jQuery标记，我猜你的答案会让人迷惑，而不是帮助。更不用说你没有解释这些单词需要将其包装在自己的
元素中，以使您的解决方案发挥作用。此外，除了该行上的文本外，这如何删除完整的行？我不确定是否正确理解您的意思，但为什么不像上面编辑的那样将两个替换绑定在一起？这将替换指定的文本和换行符，但其他文本呢与指定文本在同一行的t？