jQuery sortable () - Как проверить, находятся ли два <li>элемента рядом друг с другом по классу?

Question

Я разрабатываю конструктор дисплеев для уличных торговцев силовым оборудованием, в котором они могут добавлять, удалять и переставлять разделы дисплеев продуктов по своему усмотрению.Я использовал <ul> с JQuery-ui 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 и Cordless Sections, классы 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('!');
}