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

参见英文答案 > 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();