Javascript 使用JS从html段落中删除最后一个字符

如何从一个包含两个单词的类名的普通html段落中删除最后20个字符？例如，最后二十个字符必须被切掉

我知道JS中有一种切片方法，但是如何在网站上实现呢？

你可以做：

$("p.sentence.slice").text(function() {
    var text   = $(this).text(),
        length = text.length;

    if (length > 20)
        return text.substr(0, (length - 20));
    else return text;
});

---

如果您对使用感兴趣，只需执行以下操作：

JavaScript

$("#clickme").click(function () {
    var text = $("p").text();
    text = (text.length > 20) ? text.slice(0,-20) : text;
    // important to check whether the text is longer than 20 characters
    $("p").text(text);  // update the text
})

HTML

<p>Lots and lots and lots and lots and lots of text12345678901234567890</p>
<button id="clickme">remove last 20 characters</button>

大量大量大量大量大量文本123456789001234567890

删除最后20个字符

---

既然您提到了以下内容，让我们假设您不知道类的实际名称；您只知道要修改的段落标记肯定包含两个类

（…）的类名包含两个单词

使用tymeJV的解决方案（使用

substr

），以下内容将仅修改一个段落标记，该标记正好包含两个类，并且其长度（以字符为单位）大于20

$('p').each(function () {
    var classes = $.trim($(this).attr('class'));
    var count = classes.split(' ');
    var text = $(this).text();

    if(count.length === 2 && text.length > 20)  {
        $(this).text(text.substr(0, (text.length - 20)));
    }
});

---

演示：

我本想警告您，对于少于20个字符的字符串，此操作将失败，但我想您已经明白了。