javascript - 有没有更好的方法来重复链接的 jQuery 方法？

Question

我多次重复.last().text()(见下文)。有没有一种方法可以更有效地完成此操作，以便我的代码看起来不那么冗长？是否可以将 .last().text() 存储在变量中？我是新手(obvs)。

$("div").last().text(`${date} `).append("<span class = 'username'></span><span class = 'text'></span>");
$(".username").last().text(`${message.username}`);
$(".text").last().text(` ${message.text}`);

Answer 1

将其放入函数中

const setTextToLastOf = (selector, text) => {
    return $(selector).last().text(text);
}

然后使用它

const appendText = "<span class = 'username'></span><span class = 'text'></span>";
setTextToLastOf("div", `${date} `).append(appendText);
setTextToLastOf(".username", `${message.username}`);
setTextToLastOf(".text", ` ${message.text}`);