特定の要素を除いた要素を選択してください

Question

divにあるボタンをクリックしてHTML divをjpegとしてエクスポートしたいのですが、ボタンを印刷したくありません。したがって、div内の特定のクラスを持つ項目を選択しないdivのセレクタが必要です。

私が試した：ない（）セレクタを、それがappearantly動作しません。ここで

$(".asdf:not(.export-button)") 

は私のコードです：

<div id="asdf"> 
    <p>Lorem ipsum ...</p> 
    <img src="area_graph.png" alt="graph"/> 
    <p>hallo</p> 
    <button class="export-button">EXPORT</button> 
</div> 

$(".export-button").on("click", function() { 

    var $tempNode = $(this).parent()[0]; 
    $tempNode.remove(".export-button"); 
    console.log($tempNode); 

    // image export 
}); 

Answer 1

ときDOMツリー構造であるため1つの要素を選択すると、すべての要素が子要素になります。どれもボタンに：だけ表示を設定しないのはなぜ要素はあなたが別の声明

$(".export-button").on("click", function() { 
 
    var $tempNode = $(this).parent().clone(); 
 
    $tempNode.find(".export-button").remove(); 
 
    console.log($tempNode.html()); 
 

 
    // image export 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="asdf"> 
 
    <p>Lorem ipsum ...</p> 
 
    <img src="area_graph.png" alt="graph" /> 
 
    <p>hallo</p> 
 
    <button class="export-button">EXPORT</button> 
 
</div>