jquery - 特定の親を持つ要素を含まないjqueryクラスセレクター

Question

HTML:

<div class="abc"> ... </div>
<div class="abc"> ... </div>
<div class="abc"> ... </div>
<div class="abc"> ... </div>
<div id="specificParent">
   <div class="abc"> ... </div>
</div>

私のjqueryでは.abc、最後のabcを除くdivのすべての内容を削除したいと考えています。これのセレクターを書くにはどうすればよいですか?

jQuery:

$(".abc, :not(#specificParent .abc)").html("");

上記の jquery は機能しません。言いたいことを伝えるだけです。適切に機能するセレクターを形成するために助けが必要です。

Answer 1

これを試してください-デモ-> http://jsfiddle.net/mohammadAdil/55JSE/

$(".abc:not('#specificParent .abc')").html("");

Answer 2

試す：

$(":not(#specificParent) > .abc").empty();

---

編集

これは、パフォーマンスに関して最も効率的なセレクターではないかもしれないと思います。別の方法は、手動でフィルター処理することです。

$(".abc").filter(function () {
    return this.parentElement.id !== "specificParent";
}).empty();

http://jsfiddle.net/aFm7T/

Answer 3

これを試して

$(".abc").not('#specificParent .abc').html("");

Answer 4

'#specificParent' 以外のすべての '.abc' を選択:

$("*:not(#specificParent) > .abc")

デモ: http://jsfiddle.net/4WeK4/