Question

我有一个包含许多列的表，其中一些列具有默认隐藏的div。点击该特定单元格后，我使用jquery的fadeIn效果显示这些div。现在我想要一个功能，当我点击其他行的单元格时，我希望所有其他打开的div关闭，除了我点击的那一行。我试图检查打开的div的显示属性，但我得到显示属性为undefined。有什么建议如何继续吗？

Answer 1

$（ “commonClassName。”）隐藏（）;

之后显示你想要的div。

例如：http://jsfiddle.net/anilkamath87/Bs3Le/

希望有所帮助

Answer 2

我认为你所追求的是：

$(document).ready(function() {
    $("table tr td").click(function() {
        var clicked = $(this);
        var row = clicked.parent("tr");
        var table = row.parent("tbody").parent("table");
        table.find("td").not(row.find("td")).each(function() {
            $(this).find("div").fadeOut("slow");
        });
        clicked.find("div").fadeIn("slow");
    });
});

单击某个单元格时，它会淡出与所单击的单元格不在同一行的所有单元格中的<div>。

Live test case

使用jquery关闭多个打开的div

2 个答案: