jquery - 使用 jQuery 需要仅隐藏表格中的某些单元格

Question

我在http://jsfiddle.net/RwvN5/12/中有这张表我需要做的是单击最后一个单元格时仅隐藏第一个单元格。单击触发器时只需隐藏同一行中的一个单元格。

HTML:

<table id="dynamicTable">
<tr>
    <td id="hidesme">need to hide</td>
    <td><a href="https:\\www.google.com\">Click Here</a></td>
    <td><a href="https:\\www.google.com\">Click Here</a></td>
    <td><a href="https:\\www.google.com\">Click Here</a></td>
    <td class="trigger">trigger</td>
</tr>
<tr bgcolor="Gray">
    <td id="hidesme">need to hide</td>
    <td><a href="https:\\www.google.com\">Click Here</a></td>
    <td><a href="https:\\www.google.com\">Click Here</a></td>
    <td><a href="https:\\www.google.com\">Click Here</a></td>
    <td class="trigger">trigger</td>
</tr>
<tr>
    <td id="hidesme">need to hide</td>
    <td><a href="https:\\www.google.com\">Click Here</a></td>
    <td><a href="https:\\www.google.com\">Click Here</a></td>
    <td><a href="https:\\www.google.com\">Click Here</a></td>
    <td class="trigger">trigger</td>
</tr>
<tr bgcolor="Gray">
    <td id="hidesme">need to hide</td>
    <td><a href="https:\\www.google.com\">Click Here</a></td>
    <td><a href="https:\\www.google.com\">Click Here</a></td>
    <td><a href="https:\\www.google.com\">Click Here</a></td>
    <td class="trigger">trigger</td>
</tr>
</table>

jQuery:

$(document).ready(function () {
    $(".trigger").click(function () {
        var myelement = $(this).find('#hidesme');
        alert("HI");
        $(myelement).toggle();
    });
});

Answer 1

使用 parent().find("#hidesme") 因为这是 TD，您无法找到第一个 TD。因此找到父 TR 并从中找到第一个 td。

$(document).ready(function () {

    $(".trigger").click(function () {

        var myelement = $(this).parent().find('#hidesme');
        alert("HI");
        $(myelement).toggle();

    });
});

<强> DEMO