javascript - Jquery.append() 在类选择器的某个位置

Question

我有这个 jQuery 代码:

var $collapsibleProducts = $('.collapsible-body');
if ($collapsibleProducts.length != 0) {
  $.each($('.collapsible-body'), function (i) { 
    if ($('.collapsible-body')[i].children.length === 0) {
      $('.collapsible-body')[i].append("<span class='something'>something</span>")
    }
  });
}

但我只进入我的div.collapsible-body这个字符串"<span class='something'>something</span>"而不是 html <span>带有“something”字符串的标签。

喜欢this (image)

我是不是做错了什么？或者还有其他方法吗？

Answer 1

无需检查长度(jQuery 就这么简单)，而且您使用的每种长度都是错误的。您正在使用the general iterator而 jQuery 有 a special iterator for jQuery objects 。

var $collapsibleProducts = $('.collapsible-body');

$collapsibleProducts.each(function(i, el) {
  if ($(el).children().length === 0) {
    $(el).append("<span class='something'>something</span>");
  }
});