只對包含已知子項目的項目啓用jQuery UI排序

example可以正常工作，但問題在於當我只想爲具有包含已知類別的子項目（例如action-move）的項目啓用排序時。只對包含已知子項目的項目啓用jQuery UI排序

我有這樣的HTML代碼：

<nav class="navbar navbar-default" role="navigation"> 
    <ul class="nav navbar-nav"> 
     <li class="page-item item"> 
      <a class="text" href="#">Test 1</a> 
      <div class="actions"> 
       <div class="action-move"></div> 
      </div> 
     </li> 
     <li class="page-item item"> 
      <a class="text" href="#">Test 2</a> 
      <div class="actions"> 
      </div> 
     </li> 
     <li class="page-item item"> 
      <a class="text" href="#">Test 3</a> 
      <div class="actions"><div class="action-move"></div> 
      </div> 
     </li> 
    </ul> 
</nav>

我當前的代碼是：

$(".nav").sortable({ 
    items: "li .action-move" 
});

但我想這個選擇.action-move元素。

我想只對第一個和最後一個項目（包含.action-move元素的項目）啓用排序功能。

我該怎麼做？

JSFIDDLE

來源

2014-01-14 Ionică Bizău

您可以使用.has與某些子元素

li:has(.action-move)

來源

2014-01-14 15:58:38

你有沒有試過用倒數第一的孩子？

:first-child 
:last-child

來源

2014-01-14 15:56:39 Bowenac

這不回答這個問題，以過濾元件。我的問題是明確的：*只啓用jQuery UI排序**項目包含已知的孩子***。 –

是的，你的例子第一次也是最後一次有孩子... – Bowenac

我知道，但你的解決方案不是一般的，它只會用於我的例子。 –

只對包含已知子項目的項目啓用jQuery UI排序

回答

相關問題