Javascript Jquery.append（）位于类选择器的特定位置

我有这个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>")
    }
  });
}

var$collapsableproducts=$（'.collapsablebody'）；
如果（$collapsableproducts.length！=0）{
$.each（$（'.可折叠体'），函数（i）{
if（$（'.collappable body'）[i].children.length==0）{
$（'.collappable body'）[i]。追加（“某物”）
}
});
}

但是我只进入了我的

div.collapsible-body

这个字符串

“something”

，而不是带有“something”字符串的html

标记

像

---

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

无需检查长度（jQuery很容易做到这一点），而且每种方法都使用了错误的类型。您使用的是jQuery，而jQuery使用的是

var$collapsableproducts=$（'.collapsablebody'）；
$collapsableproducts.每个（功能（i，el）{
if（$（el）.children（）.length==0）{
$（el）.附加（“某物”）；
}
});

$（“.可折叠体”）[i]

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

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