如何用jQuery选择包含至少2个<li>子元素的.sortable <ul>元素

当然可以直接做到！你现在的代码问题出在:has(li)只要目标元素里有至少一个<li>就会匹配，所以才会选中只有单个<li>的那个<ul>。这里给你两种靠谱的解决办法：

方法一：使用.filter()方法精准过滤 #

这种方法逻辑直观，先选中所有带.sortable类的<ul>，再通过过滤函数筛选出子元素<li>数量≥2的项：

$('ul.sortable').filter(function() {
  // 检查当前ul下的li元素数量是否大于等于2
  return $(this).find('li').length >= 2;
}).sortable({ 
  axis: 'y', 
  placeholder: 'list-group-item holder list-group-item-warning' 
});

方法二：用CSS选择器组合直接匹配 #

利用:has()结合:nth-child(2)选择器，只要<ul>里存在第二个<li>，就说明它至少有两个子元素，这样可以一步到位选中目标：

$('ul.sortable:has(li:nth-child(2))').sortable({ 
  axis: 'y', 
  placeholder: 'list-group-item holder list-group-item-warning' 
});

用这两种方法都能完美避开只有单个<li>的<ul>，只对符合条件的元素启用sortable功能。

内容的提问来源于stack exchange，提问作者Andres SK