javascript - 如何找到包含 h1 的 td 元素，然后向 td 添加 onclick 事件

Question

我需要在 Jquery 中添加一个 onclick 事件。这是标准——如果一个 td 包含一个 h1 元素，它需要被添加到 h1 元素之后的下一个 td 中。例如我有以下 html:

<table cellpadding="0" cellspacing="0" width="100%">
    <tr>
        <td colspan="2"><h1>Activity Packs</h1></td>
    </tr>
    <tr>
        <td colspan="2"><P>Test test Test test Test testTest test  Test test Test test Test test Test test Test test Test test Test test Test test Test test Test test Test test. Link: <a href="/products">I am a link</a></p></td>
    </tr>

onclick 事件需要添加到任何“a”链接而不是 h1 标题后的 td(带有所有文本文本的 td)

我无法控制 html，所以我无法添加任何 id 或任何内容。

Answer 1

尝试这样的事情:

$('table h1').closest('tr').next().find('a').on('click', function(e) {
    e.preventDefault();
    alert($(this).text());
});

演示:http://jsfiddle.net/2yd3g/1/

或更有效:

$('table h1').closest('tr').next().on('click', 'a', function(e) {
    ...
});