javascript - 删除元素内句子的一部分

Question

我使用的是WordPress的wpdiscuz插件，我想删除.wc-comment-title的部分内容，即用jQuery删除段落内的句子部分或 JavaScript。

这是代码:

<p class="wc-comment-title">
<span class="wc_header_text_count">4>/span>
"Comments on "Article 1""
</p>

它显示:对“第 1 条”有 4 条评论

我想做到:4 条评论

评论数和文章名称根据评论数和相关文章而变化，是动态的。

例如:3 对“博客文章 4”的评论

在这种情况下，我希望它显示:3 条评论

可能吗？

Answer 1

在wc_header_text_count类中，您可以使用.nextSibling来获取相邻的文本节点。文本节点有许多可用于操作其内容的方法，但由于您似乎只想将文本 Comments 放在其位置，因此您可以将其完全替换。

var spans = document.querySelectorAll(".wc_header_text_count")

for (var i = 0; i < spans.length; i++) {
  spans[i].nextSibling.data = " Comments";
}

<p class="wc-comment-title">
<span class="wc_header_text_count">4</span>
"Comments on "Article 1""
</p>

<p class="wc-comment-title">
<span class="wc_header_text_count">3</span>
"Comments on "Blog Post 4""
</p>

如果您不一定想要“注释”，而是想要不带引号的第一个单词，则可以使用正则表达式。

var spans = document.querySelectorAll(".wc_header_text_count")

for (var i = 0; i < spans.length; i++) {
  spans[i].nextSibling.data = 
    spans[i].nextSibling.data.replace(/^\s*"?(\w+)[\s\S]*$/, " $1");
}

<p class="wc-comment-title">
<span class="wc_header_text_count">4</span>
"Comments on "Article 1""
</p>

<p class="wc-comment-title">
<span class="wc_header_text_count">3</span>
"Comments on "Blog Post 4""
</p>