javascript – jQuery .html()函数无法正常工作

发布时间：2020-12-14 19:45:55 所属栏目：资源来源：网络整理

导读：参见英文答案 jQuery object and DOM element????????????????????????????????????6个 ????????????How to get a DOM Element from a JQuery Selector????????????????????????????????????4个我有以下标记代码

参见英文答案 > jQuery object and DOM element????????????????????????????????????6个
>????????????How to get a DOM Element from a JQuery Selector????????????????????????????????????4个
我有以下标记代码


我使用以下Javascript代码来更改我的“runner-row”元素的值

window.onload = function() {
    var gElemRunners = $(".runner-row");
    gElemRunners[0].innerHTML = 1.5;
    gElemRunners[1].innerHTML = 1.6;
    gElemRunners[2].innerHTML = 1.7;
}

此代码非常正常,并且在加载窗口时值会正确更新.但是,以下代码不起作用.

window.onload = function() {
    var gElemRunners = $(".runner-row");
    gElemRunners[0].html(1.5);
    gElemRunners[1].html(1.6);
    gElemRunners[2].html(1.7);
}

我在DevConsole中收到以下错误

Uncaught TypeError: $(...)[0].html is not a function

即使我将.html更改为.text或.val,我也会收到同样的错误.请帮助我,因为我似乎无法理解问题所在.


最佳答案
$(…)[0]将返回DOM元素.如果要使用jquery函数,它必须位于jquery选择器对象上.如果要获取特定索引的jquery选择器,请使用eq function：

$('selection').eq(0).html();


                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!