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

您可以尝试这样的事情

/* 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"
});

Answer 2

首先，你的HTML无效。 Anchor标记必须包含结束标记，<a />不起作用，</>甚至不是标记。 <a href="etc">test</a>是正确的用法。请参阅this document for correct syntax

其次，如果您想获得click事件的特定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)
});

DEMO

这实际上取决于在这方面点击的内容，希望我在代码中的评论是足够的。

如何在jquery中识别单个单元格中的特定td元素和超链接元素

2 个答案: