javascript - 在 jQuery 中，text() 和 innerHTML 有什么区别？

Question

我有 div 元素并在其中保存文本/字符串，然后我尝试迭代它们，但 text() 不起作用，但 innerHTML 工作得很好。

var arr = $('div.elm');
$.each(arr, function(i,j){
    alert(j.text()); // it's not working

    console.log(j.text()); // nothing's in log

    alert(j.innerHTML); // works fine!
});

Answer 1

text() 是一个 jQuery 方法，innerHTML 是一个 DOM 元素属性。

当您调用 $.each 时在 jQuery 对象上，您收到的第二个参数(元素)将是 DOM 元素，而不是 jQuery 对象。

• jQuery text()方法类似于在 HTML 元素上调用 innerText/textContent。
• jQuery html()方法类似于在 HTML 元素上调用 innerHTML。

如果你想对 each 传入的参数使用 jQuery 方法，你必须将它包装在一个 jQuery 对象中:

$.each(arr, function(i,j){
    alert($(j).text());
});