如何遍历jQuery元素

How to iterate through jQuery elements

本文关键字：jQuery 元素 遍历 何遍历      更新时间：2023-09-26

我希望能够看到jQuery找到的标记内部的内容。为什么下面的不起作用？

 $("div.UIImageBlock_Content.UIImageBlock_ICON_Content").each ( function() {
     alert(($this).html);
 });

做这件事的正确方法是什么？

  • $this=>$(this)
  • .html=>.html()

所以这应该做到：

$("div.UIImageBlock_Content.UIImageBlock_ICON_Content").each ( function() {
     alert($(this).html());
 });

注意，html()函数只使用innerHTML属性，因此它可以简单得多：

$("div.UIImageBlock_Content.UIImageBlock_ICON_Content").each ( function() {
     alert(this.innerHTML);
 });
jQuery each迭代中的当前元素可以通过this（而不是$this）访问。

然而，有一个小警告：jQuery迭代中的this指的是每个元素的底层DOM对象，而不是jQuery对象。你可以使用这个代码，然后：

$("div.UIImageBlock_Content.UIImageBlock_ICON_Content").each ( function() {
    alert(this.innerHTML);
});

您不需要在每次迭代中从原始DOM对象构建jQuery对象——DOM对象中已经存在元素的内部HTML，不需要额外的工作。

相关文章：