jquery - jqueryは要素にバインドされたコードのみを実行します

Question

問題を説明する方法 (または適切なタイトルが何であるか) がよくわからないので、jqFiddle を作成しました。

http://jsfiddle.net/Ky5Pp/2/

「.tdClass」コードのみを実行する方法はありますか? これで、最初に tdClass コードが実行され、次に trClass コードが実行されます。

したがって、実行する必要があるのは

alert("cell clicked");

私の問題の説明が不十分で申し訳ありませんが、jsfiddleが役立つはずです。

ありがとう！

Answer 1

追加

e.stopPropagation()

あなたのtdクリックイベントで。

DEMO

$(".tdClass").on("click", function (e) {
        alert("cell clicked");
        e.stopPropagation();
    });

Answer 2

以下を使用します。

フィドル

$(".tdClass").on("click", function (e) { //<-pass it here
    e.stopPropagation();  // <--------------and you should stop event bubbling
    alert("cell clicked");
});

ドキュメントから：

(イベントが DOM ツリーをバブリングするのを防ぎ、親ハンドラーにイベントが通知されないようにします。 )