<div class="container" id = "0" > <div class="x" id = "1"> <div id = "2"> <p id = "3"> <span id = "4" >text</span> </p> <div> </div> <div id="5"> <div id="6"> <p id="7"> <span class="x" id="8" >text</span> <span id="9">text</span> </p> <div> </div> <div>
你可以帮我选择所有的元素:
>是“.container”的后裔
>不是’.x’的后代
>没有类’.x’本身.
看上面的HTML;它应该选择元素5,6,7和9
>元素1具有类“X”
>元素2是元素与“X”类(元素1)的直接子元素
>元素3和4是后代元素与类“X”(元素1)
元素8具有类“X”
我有这个选择器,但它不断选择元素的后代(深层次的孩子)的类“X”
var elements = $('.container').find().parents(':not(.X)').andSelf().filter(':not(.X)');
@R_502_323@
这应该做到:
$('.container').find(':not(.x):not(.x *)');
编辑:再次恢复为第一次修订.我以为没有这样做,但是你的HTML中有一个错误,这使得所有元素都是#1的父代,所以没有一个被选中.
<div class="container" id = "0" > <div class="x" id = "1"> <div id = "2"> <p id = "3"> <span id = "4" >text</span> </p> <div> <!-- <-- must be a closing div tag --> </div> <div id="5"> <div id="6"> <p id="7"> <span class="x" id="8" >text</span> <span id="9">text</span> </p> <div> <!-- <-- must be a closing div tag --> </div> <div> <!-- <-- must be a closing div tag -->