JavaScript无法获取firstChild

我试图让div“tick_list”的第一个子元素插入新元素，但它返回未定义的元素

$(function() {
   var tick_list = $('#tick_list');

    socket.on('tick', function(data){
        console.log(tick_list.firstElementChild);
    });
});

---

勾选列表

是一个jQuery对象，它没有

firstElementChild

属性

您可以使用

勾选list.children（）.eq（0）

获取第一个子对象（仍然是jQuery对象）

---

获取第一个子对象的方法有很多，这里有一个供他们使用：

勾选列表

是一个jQuery对象，它没有

firstElementChild

属性

您可以使用

勾选list.children（）.eq（0）

获取第一个子对象（仍然是jQuery对象）

获取第一个子对象的方法有很多种，这里有一个供他们使用的方法：

您可以使用children（）和first（）jquery方法

$(function() {
   var tick_list = $('#tick_list');

    socket.on('tick', function(data){
        console.log(tick_list.children().first());
    });
});

您可以使用children（）和first（）jquery方法

$(function() {
   var tick_list = $('#tick_list');

    socket.on('tick', function(data){
        console.log(tick_list.children().first());
    });
});

---

勾选列表

是一个jQuery对象，因此不能使用成员运算符直接访问dom属性

您可以使用use.prop（）方法

或者使用.get（）的索引访问底层dom元素

---

tick_list

是一个jQuery对象，因此不能使用成员运算符直接访问dom属性

您可以使用use.prop（）方法

或者使用.get（）的索引访问底层dom元素

.eq（0）

返回集合勾选列表中的第一个元素。。。不是它的子对象

.eq（）

返回一个jQuery对象。。。不要混淆

.get（0）

.eq（0）返回集合勾选列表中的第一个元素。。。不是它的子对象

.eq（）

返回一个jQuery对象。。。不要混淆

.get（0）

.eq（）

返回jQuery对象

.get（）

？

get（）

返回本机HTML DOM元素（在文档中有明确解释…

中）。eq（）

返回jQuery对象

.get（）

？

get（）

返回本机HTML DOM元素（在文档中有明确解释…）

$(function() {
   var tick_list = $('#tick_list');

    socket.on('tick', function(data){
        console.log(tick_list.children().first());
    });
});

tick_list.prop('firstElementChild')

tick_list[0].firstElementChild