jQuery sortable() - 如何通过 class 检查两个 <li> 元素是否相邻？

Question

我正在为户外动力设备ui经销商开发一个展示栏uilder，他们可以在其中添加、删除和重新排列他们认为合适的产品展示部分。我使用 <ul> 和 JQuery-ui sortable() 来做到这一点：

这是可排序的 <ul>，称为 #display-sections

<ul id="display-sections">
</ul>

当按下按钮添加部分（鼓风机、电锯、绿篱机、修剪机、附件、PAS、无绳）时，<li> 会附加适当的 class。
例如，如果我单击按钮添加鼓风机部分，则会添加 <li> 和 class echo-blower-section:

function addBlowerSection() {
  $("#display-sections").append('<li class = "echo-blower-section"><img src = "echo-blower-section.jpg" width = "145" height = "288"></li>');
}

有两个显示部分，PAS 和无绳部分，classes echo-pas-section 和 echo-cordless-section 我想检查它们是否不在旁边彼此，因为建议这两个部分一起放在一个陈列室中。

我如何使用 JavaScript/JQuery 执行此操作？如果 echo-pas-section 和 echo-cordless-section 列表项在 <ul>

中不相邻，我想发出警报

Answer 1

我没有测试过，但我认为像这样的东西应该可以解决问题:-)

var cordless = $("#display-sections li.echo-cordless-section");
var pas = $("#display-sections li.echo-pas-section");

if(cordless.length && pas.length && !cordless.next('li').is(pas) && !pas.next('li').is(cordless)){
    alert('!');
}

jQuery sortable() - 如何通过 class 检查两个 <li> 元素是否相邻？

jQuery sortable() - How to check if two <li> elements are next to each other by class?

javascript

jquery

jquery-ui