0

所以我试图创建一个能够被过滤的东西列表(通过 jQuery 的 .hide()),但它不起作用。

jsFiddle(HTML 代码太长,无法在此处发布):http: //jsfiddle.net/DTXHd/

例子:

$(".btn").click(function () {
    $("div .retired").hide();
});
4

6 回答 6

1
$(document).on("click", ".btn", function () {
    $(".retired").hide();
});

只用.retired

在线示例

注意:.on()方法将事件处理程序附加到 jQuery 对象中当前选定的元素集。从 jQuery 1.7 开始,该.on()方法提供了附加事件处理程序所需的所有功能。有关从旧的 jQuery 事件方法转换的帮助,请参阅.bind().delegate().live()。要删除与 绑定的事件.on(),请参阅.off()。要附加仅运行一次然后自行删除的事件,请参阅.one()

于 2013-11-02T17:19:00.680 回答
0

尝试

$(".btn").click(function () {
    $("div.retired").hide();
});

删除div .retired.

于 2013-11-02T17:20:21.007 回答
0

您有一个不属于您的选择器的空间。

代码应如下所示:

$(".btn").click(function () {
    $("div.retired").hide();
});

这意味着选择具有已退休类别的 div。当您包含空间时,它意味着其他东西......具有退休类的元素是 div 元素的子元素。

这是您更新的 Fiddle... 演示

于 2013-11-02T17:21:25.907 回答
0
$(".btn").click(function () {
$(".retired").hide();
});

演示:http: //jsfiddle.net/DTXHd/4/

你可以使用这个。如果要根据其类选择 div,请使用.yourclassname. 如果要根据 id 选择 div,请使用#yourid.

于 2013-11-02T17:23:36.797 回答
0
$("div.retired").hide();

删除空间。看起来您正在尝试使用 class 隐藏所有 div retired

演示

于 2013-11-02T17:18:36.313 回答
0

你在 'div' 和 class 'retired' 之间多出了一个空格。

$(".btn").click(function () {
    $("div.retired").hide();
});

检查http://jsfiddle.net/alaminopu/DTXHd/1/

于 2013-11-02T17:19:15.990 回答