Delete/Hide <p> 标签中的最后 X 个字符

Question

我使用的是 WP 插件，但没有找到特定于该插件的源代码 (Blog Filter Premium)。它会自动在 <p> 标记中的描述末尾添加省略号，但是，我不认为它使用任何 CSS 来执行此操作，因为省略号实际上在 html/paragraph本身。

<p class="blog_description">Here is an example of my description with a period at the end and then subsequent ellipsis automatically being added....</p>

有没有办法用 CSS 或将 <script> 注入 <head> 来让我的 .blog_description 段落删除最后的 3 个字符或隐藏它们？或者至少把它们染成白色，这样我就可以去掉这些省略号了？

Answer 1

我想你可以用分隔符 ('...') 拆分字符串，删除最后一项，然后再次将其连接起来。

let srch = '...';
document.querySelectorAll('.blog_description').forEach(el => {
  if (el.innerText.indexOf(srch) > -1) el.innerText = el.innerText.split(srch).slice(0, -1).join(srch);
})

<p class="blog_description">Here is an example of my description with a period at the end and then subsequent ellipsis automatically being added...</p>

Delete/Hide <p> 标签中的最后 X 个字符

Delete/Hide last X amount of characters in <p> tag

javascript

css

css-selectors

hide

ellipsis