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>"，而不是带有'something'字符串的html <span>标记。

赞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>");
  }
});