jquery - jqueryの単一セルで特定のtd要素とハイパーリンク要素を識別する方法

Question

上記の質問で私のコードを変更してください::

jQuery.noConflict()(function(jQ) {
    "use strict";

    //Process each table cell in the roster
    jQ("#wb_i").click(function(event) {
        alert('Hi');
    });
});

<td id="dd" class="dd1">
    <div id="x" class="y"> <a href="aaa" id="m" class="aa" />Test</> </div>
</td>

Answer 1

まず、html が無効です。アンカー タグには終了タグが必要であり、<a />機能せず</>、タグでさえありません。 <a href="etc">test</a>が正しい使い方です。正しい構文については、このドキュメントを参照してください

第 2 に、クリック イベントの特定の td/a を取得する場合は、次のようにします。

jQ("#wb_i").click(function(event) {
    console.log(jQ(event.target)); //the anchor element(if the anchor was clicked)
    console.log(jQ(event.target).closest("td")); //the td element
    console.log(jQ(event.target).find("a")); //the anchor element(if the div was clicked)
});

デモ

この点で何をクリックしたかによって異なりますが、コード内の私のコメントで十分であることを願っています。

Answer 2

このようなものを試すことができます

/* code emmitted */
//Process each table cell in the roster
jQ("#wb_i").click(function(event) {
    var tds = jQ(this).find("td"); //will give you all td's
    var links = jQ(this).find("a"); //will give you all hyperlinks in the whole table
    var tdsFromClass = jQ(this).find(".td_class"); //will give you td's with the class "td_class"
});