jquery - Jquery 打开/关闭表格行

Question

我有一个表，其中每隔一个表行都有一个类名“hideme”。在我制作的css文件中

.hideme { display:none}

隐藏行包含一个密码字段和一个按钮。在任何给定时间只能显示一个隐藏行。因为现在是使切换功能运行良好的 jquery 代码。但是，它不会让我在隐藏行内单击，而不关闭它，从而无法在文本字段中键入任何内容。

我应该如何更改我的 jquery 代码以允许在隐藏行内单击而不会发生任何事情？

我的jquery代码如下：

$(document).ready(function() {
    $('#eventtable tr').on('click', function() {
        if ($(this).next().css('display') == 'none') {
            $('#eventtable .hideme').hide();
            $(this).next().toggle();
        }
        else {
            $('#eventtable .hideme').hide();
        }
    });
});

您可以在这里看到代码当前如何工作的小提琴：http: //jsfiddle.net/aTN6v/

Answer 1

试试这个：

$('#eventtable tr:not(.hideme)').on('click', function() {
...
});

Answer 2

将您的函数包装在 if 块中以检查该行是否为 .hideme

$(document).ready(function() {
    $('#eventtable tr').on('click', function() {

    if(!$(this).hasClass('.hideme')) {

        if ($(this).next().css('display') == 'none') {
            $('#eventtable .hideme').hide();
            $(this).next().toggle();
        }
        else {
            $('#eventtable .hideme').hide();
        }

    }
    });
});