Jquery - 要素とその中の要素を選択する

Question

以下に示すように、その中にclickイベントとifステートメントがあります。

if (!$(e.target).is("textarea.textobject, div.texteditor")) 
{ 
    // do stuff 
} 

問題は次のとおりです。 div内のスパンまたはテーブルをクリックしても機能しません。私は試しましたが（div.texteditor> *）、動作しません。

<div class="texteditor"> 
    <span>1</span> 
    <table> 
     <tr><td></td></tr> 
    </table> 
</div> 

だから、基本的にはdiv.texteditorを選択してその中のすべてを網羅したいと思っています。誰もがこれに対する解決を知っていますか？私は私が何かが欠けてると確信している。..

Answer 1

イベントハンドラは、ちょうど（子であってもよい）thisの代わりe.targetを使用し、<div>自体にある場合は、次のように：

if (!$(this).is("textarea.textobject, div.texteditor")) 
{ 
    // do stuff 
} 

。 .closest()作品であるので

if ($(e.target).closest("textarea.textobject, div.texteditor").length == 0) 
{ 
    // do stuff 
} 

：..if代わりに、あなたは、ターゲットは、これらの2つのセレクタの種類のいずれか内の任意の場所であるかどうかを確認、このような.closest()と.lengthを、使用したいです現在の要素との両親、それはここでかなり便利です。

Answer 2

私は分かりませんが、div内の要素に割り当てられた別のイベントを作成しようとしましたか？それが動作するかどうか、私にはありませんが、それはアイデアだ

if ($(e.target).is("span") && $(e.target).parent("div.texteditor")) 
{ 
    // do stuff 
} 

： 何かのように！

私はそれがあなたを助けてくれることを願っています。 ^^

あなたはすべての子に適用する場合、これは仕事ができる：この `if`文が実行されている場所

if ($(e.target).parent("div.texteditor")) 
{ 
    // do stuff 
}