Question

所以我正在尝试创建一个可以过滤的事物列表（通过jQuery的.hide（）），但它不起作用。

jsFiddle（HTML代码太长，无法在此处发布）：http://jsfiddle.net/DTXHd/

示例：

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

Answer 1

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

仅使用.retired

Online example

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

Answer 2

$("div.retired").hide();

删除空格。看起来你正试图用类retired隐藏所有div。

DEMO

Answer 3

你在“div”和“退休”类之间留出了一个额外的空格。

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

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

Answer 4

尝试

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

删除div .retired中的空格。

Answer 5

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

代码应如下所示：

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

这意味着选择具有退休类别的div。当你包含空格时，它意味着其他东西......带有退休类的元素，它们是div元素的子元素。

这是你最新的小提琴...... DEMO

Answer 6

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

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

你可以用它。如果要根据类别选择div，请使用.yourclassname。如果您想根据其ID选择div，请使用#yourid。

jQuery .hide（）不工作？

6 个答案: