Javascript 表行不能作为jquery请求的同级

是什么使某些东西成为jquery请求的同级

我希望表的所有单元格中的内容都能作为jquery请求的同级。目前，只有同一行中的td值充当彼此的兄弟。如果你愿意，td的下一排将扮演一个不同的“家庭”

i.e <table> 
      <tr>
        <td> content here </td>
        <td> more content </td>
      </tr>
      <tr>
        <td> content here </td>
        <td> more content </td>
      </tr>
    </table>

     $("td").click(function () { 
        $(this).siblings().addClass('fadeClick');
        $(this).siblings().removeClass('noFade');
       }

即
满足于此
更多内容
满足于此
更多内容
$（“td”）。单击（函数（）{
$（this.sides（）.addClass（'fadeClick'）；
$（this.sides（）.removeClass（'noFade'）；
}

有关完整代码，请参见jfiddle：

---

（我希望两行中的所有框，除了悬停/单击的框外，都是半不透明的）

您需要选择所有

td

元素，并使用此集合，而不是同级。类似如下：

var $td = $("td");
$td.click(function () {
    $("#content").html($(this).find(".hover-content").html());
    $('img[class*="wp-image-"]').removeClass('myClickState');
    $(this).find('img[class*="wp-image-"]').addClass('myClickState');
    divContent = $("#content").html();
    $td.not(this).addClass('fadeClick').removeClass('noFade');
    $(this).removeClass('fadeClick');
});
$td.hover(function () {
    $("#content").html($(this).find(".hover-content").html());
    $(this).addClass('noFade');
    $td.not(this).removeClass('noFade').addClass('fade');
}, function () {
    $("#content").html(divContent);
    $td.not(this).removeClass('fade');
    $(this).removeClass('noFade');
});

---

演示：

你的小提琴似乎能用！有什么问题吗？当我将图像分成不同的行时，这些图像不再作为所有其他图像的同级图像，只作为同一行中的图像。因此，它的工作原理与设计相同，因为每个td都有一个同级图像！谢谢！我以前从未使用过一个集合，但这看起来非常有用在我上面的例子中，en-sibling没有意义。