Delete/Hide <p> 标签中的最后 X 个字符
Delete/Hide last X amount of characters in <p> tag
我使用的是 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 个字符或隐藏它们?或者至少把它们染成白色,这样我就可以去掉这些省略号了?
我想你可以用分隔符 ('...') 拆分字符串,删除最后一项,然后再次将其连接起来。
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>
我使用的是 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 个字符或隐藏它们?或者至少把它们染成白色,这样我就可以去掉这些省略号了?
我想你可以用分隔符 ('...') 拆分字符串,删除最后一项,然后再次将其连接起来。
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>