Question

我有一个简单的脚本来隐藏/显示表格行。我希望能找到一个额外的课程，但我似乎可以让它工作。这是原始的：

    jQuery(function () {
    jQuery(".toggle").click(function () {
        jQuery(this).closest("tr").next("tr").find(".hide1").slideToggle("none");
    });
});

我尝试添加'或'运算符来指定另一个类，但这不起作用：

    jQuery(function () {
    jQuery(".toggle").click(function () {
        jQuery(this).closest("tr").next("tr").find(".hide1" || ".hide2").slideToggle("none");
    });
});

有人可以指出我的错误 - Javascript不是我的强项。

Answer 1

使用逗号。这是 multiple selector 。

.find(".hide1,.hide2")

...做

.find(".hide1" || ".hide2")

...是有效的代码，但它将被解释为......

.find(".hide1")

Answer 2

试试这个：

find(".hide1,.hide2")

请参阅：Multiple Selector

Answer 3

只需用逗号分隔

.find(".hide1,.hide2").

Answer 4

要查找任一类名，只需使用以逗号分隔的列表：

.find('.hide1, .hide2')

当然，这假设你的jQuery的其余部分都可以工作。

Answer 5

这应该可以解决问题！

jQuery(function () {
    jQuery(".toggle").click(function () {
        jQuery(this).closest("tr").next("tr").find('.hide1, .hide2').slideToggle("none");
    });
});

使用jQuery查找多个类

5 个答案: