Question

我有以下代码，它创建了一个包含4个条目的表（我将它们称为瓦片），并使用firsttile，secondtile，thirdtile和fourthtile的id对它们进行样式化，如图所示。我想要点击缩略图div中的条目来隐藏第一个图块。但是当代码执行时，SECOND磁贴会被隐藏。有关表的hide（）过程有什么特别之处吗？感谢。

        <table>

        <tr>
          <td id="firsttile"></td> 
          <td id="secondtile"></td> 

        </tr>

        <tr>
          <td id="thirdtile"></td> 
          <td id="fourthtile"></td> 

        </tr>

        </table>


      The script is:

       $('.thumbnail').live ("click", function()   {

       $('#firsttile').hide();
                                 )}

Answer 1

我刚尝试过，它按预期工作。只要选择器与HTML元素匹配，我就不会认为jQuery中的表有任何特定的隐藏。

请检查小提琴http://jsfiddle.net/H7BTs/1/

$( document ).ready(function() {
    console.log( "ready!" );

    $('.thumbnail').on ("click", function()   {$('#firsttile').hide();});

});

Answer 2

为每个td添加一个子标记，例如span，然后隐藏＆＃34; #firsttile span＆＃34;。

javascript hide（）隐藏错误的表格单元格

2 个答案: