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

我有下面的代码，它创建了一个由4个条目组成的表（我将它们称为tile），并使用firsttile、secondtile、thirdtile和fourthtile的ID设置它们的样式，如图所示。我希望，在单击缩略图div中的条目时，第一个要隐藏的平铺。但是当代码执行时，第二个磁贴被隐藏。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();
                                 )}

剧本是：
$（'.thumbnail'）.live（“单击”，函数（）{
$（'#firsttile'）.hide（）；
)}

我刚试过，效果如预期。我认为，只要选择器匹配HTMLele，jQueryHide中的表就没有任何特定的内容

请检查小提琴

---

在每个td中添加一个子标记，如span，然后隐藏“#firsttile span”。

您在试图隐藏表格单元格时会遇到问题。您可能需要将其转换为div。

.live

不推荐使用。对事件委派使用

。您应该构建一个fiddle，因为您的代码应该像这里展示的那样正常工作，除了您正在使用表（这可能会给您带来问题）之外无法复制Travis提供的小提琴显示了我看到的情况-第二个条目消失（不是第一个条目），然后第一个条目获取第二个条目的内容。我不明白这一点，但如果表不能很好地工作，我会尝试divs。事实上，Travis的小提琴中的数字2是可见的，这表明td和1是隐藏的。2向左移动，看起来2被隐藏了。而不是隐藏整个td。。。为什么不清空它的内容呢？比如$（'element'）.html（）；我想我真正想要的是隐藏第一个互动程序的内容，而不是让第二个互动程序取代它的位置。是否有隐藏内容jquery命令？实际上，我想要的是我在id firstitile中设置的背景图像消失，以便稍后在代码中替换。然后使用jquery css方法删除背景图像。非常感谢。这很有效。
$( document ).ready(function() {
    console.log( "ready!" );

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

});