jquery - 选择最后一个 child ，并确保它不是唯一的 child ？

Question

仅当内容是最后一个子项时，我才需要用 div 包裹内容。我对这段代码的问题是，如果只有一项，它将执行。所以我想知道如何检查仅当有多个 child 时才使用 :last-child 。如果只有一个 child 。我不想添加 div。这是我的代码:

$('div[class^="columns-"]').each(function(){
   $(this).find('div[class^="column"]:last-child').each(function(i){
       $(this).wrapInner('<div class="col-last" />');   
   });
});

Answer 1

如果它是唯一的 child ，它也是第一个 child ，所以你可以这样做:

$('div[class^="columns-"]').each(function(){
   $(this).find('div[class^="column"]:last-child:not(:first-child)').each(function(i){
       $(this).wrapInner('<div class="col-last" />');   
   });
});

这样，您可以拥有多组列，并且仍然只获得其中包含多个列的集合的最后一个子项，即，如果您有:

<div class="row-1">
  <div class="columns-1"></div>
</div>
<div class="row-2">
  <div class="columns-1"></div>
  <div class="columns-2"></div>
  <div class="columns-3"></div>
</div>
<div class="row-3">
  <div class="columns-1"></div>
</div>

选择器只会影响.row-2 .columns-3