Question

我正在为室外动力设备经销商开发一个展示架，他们可以在其中添加，移除和重新排列他们认为合适的产品展示部分。我在JQuery-ui <ul>中使用了sortable()：

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

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

按下按钮添加一个部分（吹风机，链锯，绿篱修剪器，修剪器，配件，PAS，无绳）时，<li>会附加适当的类别。
例如，如果我单击按钮以添加鼓风机部分，则会添加<li>类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和无绳部分，类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（）-如何按类检查两个<li>元素是否彼此相邻？

1 个答案: