Question

我的段落如下，我想删除包含文本“ do”的段落。

什么也不做。

我不知道。

尝试一下。

如果可以的话，赶上我。

我希望结果是

尝试一下。

如果可以的话，赶上我。

香草javascript，而不是jQuery。谢谢。

Answer 1

如果我理解正确，那么您可能想要这样的东西：

config/

Answer 2

var p = document.querySelectorAll('p');

for(let i = 0; i < p.length; i++)
    {
       // remove toLowerCase if you want case sensitive.
       if (p[i].textContent.toLowerCase().indexOf('do') != -1)
       {
          p[i].remove(i);
       }
    }

上面的代码应该可以实现您想要的工作。

Answer 3

function upd(){

    const ps = document.querySelectorAll('p')

    ps.forEach(function(p){
        if (p.textContent.toLowerCase().includes('do')) {
            p.remove()
        }
    })
 }

<p>Do nothing.</p>
<p>I do not know.</p>
<p>Try something.</p>
<p>Catch me, if you can.</p>

<h4>I expect the result is</h4>

<p>Try something.</p>
<p>Catch me, if you can.</p>

<button onClick="upd()">update</button>

Answer 4

这将删除所有包含“the”的段落。只是一个非常基本的例子，如何做到这一点。

HTML

<!DOCTYPE html>
<html>
<head>
  <meta charset = "UTF-8">
  <link rel="stylesheet" href="style.css">
  <title>todo-app</title>
</head>
<body>
  <div class="div1">
    <h1>This is our todo-app</h1>
    <h2>Hello there!</h2>
  </div>
  <p>Paragraph 1</p>
  <p>Paragraph the 2</p>
  <p>Paragraph 3</p>
  <p>Paragraph the 4</p>
  <p>Paragraph 5</p>
  <script src="todo-app.js"></script>
</body>
</html>

todo-app.js

const ps = document.querySelectorAll('p');
ps.forEach(p =>{
  if (p.textContent.includes('the')){
    p.remove();
  }
})

Answer 5

您是否要说您在帖子中指定的每一行都有

标记，

然后您可以关注

$("p").each(function(){
    if($(this).text().indexOf("do") != -1)
     $(this).attr("hidden", true);
// Or you can remove, by accessing parent element and remove this from the 
parent

})

})

javascript-删除其中包含特定文本的段落

5 个答案: