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

Id应该是唯一的。

尝试，

$(document).ready(function () {
    $(".trigger").click(function () {          
        var myelement = $(this).closest('tr').find('td:first');
        myelement.toggle();         
    });
});

DEMO

Answer 2

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

$(document).ready(function () {

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

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

    });
});

<强> DEMO

Answer 3

ID是唯一的，因此请删除id =“hidesme”

并尝试以下代码

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

            $(this).parent().find('td:first').toggle();
        });

Answer 4

 $(".trigger").click(function () {
       $(this).parent().find('td:first-child' ).toggle();
});

DEMO

Answer 5

id应该是唯一的，您需要为您的td使用类：

<td class="hidesme">need to hide</td>

然后，您可以使用closest()和siblings()隐藏td：

$(document).ready(function () {
    $(".trigger").click(function () {  
        $(this).closest('td').siblings('.hidesme').hide();
    });
});

<强> Fiddle Demo

使用jQuery需要只隐藏表中的某个单元格

5 个答案:

DEMO