jquery - 存储原始文本一次

Question

我有一个简单的函数，它获取 div 的原始文本，并在用户调整窗口大小时更改此文本(响应站点)。当用户再次放大窗口时，必须显示原始文本。这很简单，但我有一个小问题。

function limitH2Text() {
        var origText = $(".result .right .mask").text();
        var width = $(window).width();
        if (width < 811) {
            $(".result .right .mask").each(function () {
                var $this = $(this);
                $this.text($this.text().slice(0, 75));
                $this.append('...').show();
            });
        } else {
            $(".result .right .mask").each(function () {
                $(this).text(origText);
            });
        }
    }

控制台显示 var origText 包含三个 [.result .right .mask] div 的文本。您会看到，HTML 是 [.result .right .mask] 的重复。因此，它不是(例如)“你好，这是文本”，而是显示“你好，这是文本，你好，这是文本，你好，这是文本”。当用户调整大小时，大小会呈指数增长，因此浏览器崩溃。我不知道如何只存储一次该 div 的文本？

感谢您的帮助!

Answer 1

使用 .eq() 尝试此操作:

var origText = $(".result .right .mask").eq(0).text();

这会将匹配元素集减少到指定索引处的元素，并存储该 div 的文本。