我需要在 jQuery 中进行复杂的选择 它应该如下所示:
var ctrls = $('.ctrl').not('.ctrl:disabled,.ctrl:parent:hidden');
ctrls.parents('.InsideContainerControl:hidden').remove();
很明显,第二行实际上从 dom 中删除了该元素 虽然我正在寻找一种将其从选择列表中删除的方法
最佳答案
这样的事情应该有效,您首先过滤掉 parent ,然后过滤掉 child :
$('.InsideContainerControl') // get all parents
.not('.InsideContainerControl:hidden') // remove hidden ones
.find('.ctrl') // get all children from the remaining
.not('.ctrl:disabled,.ctrl:parent:hidden') // remove disabled ones
注意这一点,应该忽略 1、2(父级隐藏)和 4(禁用):
var sel =
$('.InsideContainerControl') // get all parents
.not('.InsideContainerControl:hidden') // remove hidden ones
.find('.ctrl') // get all children from the remaining
.not('.ctrl:disabled,.ctrl:parent:hidden');// remove disabled ones
alert(sel.text());
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="InsideContainerControl" style="display: none">
<button class="ctrl">1</button>
<button class="ctrl" disabled>2</button>
</div>
<div class="InsideContainerControl">
<button class="ctrl">3</button>
<button class="ctrl" disabled>4</button>
</div>
关于javascript - 从选定列表中而不是从 dom 中删除元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35778232/