仅对包含已知子项的项启用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>

但我猜这会选择

.action move

元素

我只想为第一个和最后一个项目（包含

.action move

元素的项目）启用可排序

我该怎么做

---

您是否尝试使用“第一个-最后一个孩子”

:first-child
:last-child

可以使用来筛选具有特定子体元素的元素

li:has(.action-move)

---

这并不能回答这个问题。我的问题很清楚：只对包含已知子项的项启用jQuery UI可排序。我知道，但您的解决方案不是通用的，它只适用于我的示例。

li:has(.action-move)