Question

如何显示li元素然后隐藏它们。我下面的内容隐藏了我不想显示的列表项，当我点击a.show-button链接时它会显示所有这些项目，但是我也希望在我更改它之后通过单击相同的链接来隐藏列表项类。似乎无法让它提醒你好。我查了一下，班级也改变了。我做错了什么？

$('ul.artists li:gt(27)').hide();

$('a.show-button').click(function(e) {
e.preventDefault();
    $('ul.artists li:gt(27)').show();
    $(this).addClass('hide-button').removeClass('show-button');
});

$('a.hide-button').on('click', function(e) {
e.preventDefault();
    alert("Hello");
});

Answer 1

不要将类名更改为显示和隐藏，请尝试使用切换。

$('ul.artists li:gt(27)').hide();

$('a.buttonClass').click(function(e) {
  e.preventDefault();
  $('ul.artists li:gt(27)').toggle();

});

Answer 2

这里不关于如何做，但关于你做错了什么。

将单击操作绑定到$('a.hide-button')时，将其绑定到具体元素。如果新元素开始拟合此选择器，则该元素不会自动获取该单击操作的绑定。

显示hide li elements jQuery

2 个答案: