我有一个项目清单。顶部的一些项目有一个类。
<ul>
<li class="blue moveMeDown">1</li>
<li class="blue">2</li>
<li class="blue">3</li>
<li class="blue">4</li>
<li>5</li>
<li>6</li>
<li>7</li>
</ul>
我正在尝试编写 jQuery 以将 item 1 移到具有 class 的项目下方blue
。要针对该类的最后一项,我使用的是:
$elm.nextUntil(":not(.blue)").last()
blue
这看起来很乱,如果只有 1 个项目,它甚至都不起作用。必须有更好的方法来做到这一点。
当前的 jQuery:
$("ul").on("click", ".moveMeDown", function(e){
var $elm = $(this);
$elm
.insertAfter($elm.nextUntil(":not(.blue)").last())
.removeClass("blue");
});