jquery htmlメソッドから要素を除外

Question

<div class="thewrapper">の下にネストされたすべての要素のhtmlをclass = "excludeme"を除いてどのように選択できますか？

<div class="thewrapper"> 
    <div class="excludeme"> some content to exclude.... </div> 

    <div class="whatever"> 
     <span> lots of content and tags </span> 
    </div> 

    <div class="excludeme"> some content to exclude again.... </div> 

    <div class="whatever"> 
     <span> more content and tags </span> 
    </div>  

私はjqueryの.NOTをいじるとされています：いない事業​​者とちょうどそれが働いて得ることができません。例えば。以下は動作しません：

var pagehtml = $("div[class^='thewrapper']:not(div[class^='excludeme']").html(); 
var pagehtml = $('div[class^="thewrapper"]').not('[class="excludeme"]').html(); 
var pagehtml = $("div.thewrapper:not(:has(div.excludeme))").html(); 
var pagehtml = $('div:not(".excludeme")').html(); 

Answer 1

あなたは簡単除く要素の内容（テキストまたはHTML）を取得するには、このマイクロjQueryプラグイン I've created for a similar Questionを使用することができ

/無視特定のセレクタ：

$.fn.ignore = function(sel){ 
 
    return this.clone().find(sel||">*").remove().end(); 
 
}; 
 

 
var notExcludeme = $(".thewrapper").ignore(".excludeme").html(); 
 
console.log(notExcludeme);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div class="thewrapper"> 
 
    <div class="excludeme"> some content to exclude.... </div> 
 

 
    <div class="whatever"> 
 
    <span> lots of content and tags </span> 
 
    </div> 
 

 
    <div class="excludeme"> some content to exclude again.... </div> 
 

 
    <div class="whatever"> 
 
    <span> more content and tags </span> 
 
    </div> 
 
    
 
</div>

Answer 2

ここでは、CSSセレクタを使用した別のソリューションです。あなたも同様のやり方でやってみた。 RokoC.Buljan @

$(function() { 
 
    $('.thewrapper :not(.excludeme)').css('background', 'aqua'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div class="thewrapper"> 
 
    <div class="excludeme"> 
 
    some content to exclude.... 
 
    </div> 
 

 
    <div class="whatever"> 
 
    <span> lots of content and tags </span> 
 
    </div> 
 

 
    <div class="excludeme"> 
 
    some content to exclude again.... 
 
    </div> 
 

 
    <div class="whatever"> 
 
    <span> more content and tags </span> 
 
    </div> 
 
</div>