Javascript 添加没有任何事件的函数

如何在没有任何事件的情况下将函数附加到

small

标记元素？基本上，我希望函数在文档准备好之后调用

帕格：

Javascript:

function() {
    const element = $(this);
    const endTime = element.data('end');
    const currentTime = new Date();
    if (Number(endTime) > Number(currentTime)) {
        element.html('Running');
    }
    else {
        element.html('Closed');
    } 
};

---

我尝试了以下代码。但这会导致所有的小标记都具有相同的文本。是否希望标记具有不同的文本取决于其数据属性值

$(document).ready(function(){
    function() {
    const element = $('.small');
    const endTime = element.data('end');
    const currentTime = new Date();
    if (Number(endTime) > Number(currentTime)) {
        element.html('Running');
    }
    else {
        element.html('Closed');
    }
};

---

如果要在文档准备就绪时运行函数，请将事件附加到

文档

对象上的

DOMContentLoaded

事件：

document.addEventListener("DOMContentLoaded", function(event) {
    …
});

或者，如果您正在使用jQuery：

$(function() {
    …
});

---

您发布为HTML的内容不是HTML…您不需要附加到元素的函数来触发document.ready，这就是document.ready所做的？“我希望函数在文档准备好后立即调用”好吧，在文档准备好后立即将其添加到文档中？

这应该是使用
$（document）.ready（{code goes here}）；
但这会导致所有小标记具有相同的文本。是否希望标记具有不同的文本取决于其数据属性值。
$(function() {
    …
});