jquery - 使用 Jquery 动态更改 的类

Question

这是我的第一篇文章，首先请原谅我糟糕的英语。

我有一个确实无法解决的问题:

我有一个<table>问题，

1. 第一个问题是可见的(class:visible)，其他问题是隐藏的(class:hidden)

           $(document).ready(function(){
           $('.hidden').hide();
   

2. 当人们点击第一个问题时，我希望出现第二个问题(并且使用“完成”类将第一个问题变成灰色)。

$('.visible:not(.done)').click(function(){ 
                $(this).addClass('done'); 
                $('.hidden:first').toggle(500).removeClass('hidden').addClass('visible');
            })

第一个问题现在已经完成(类:完成)，第二个问题应该是唯一对 click() 使用react的问题，依此类推...但它不起作用:另一个 <tr>仅当我单击第一个 <tr> 时才出现.

有人可以帮我解决这个问题吗？谢谢。

Answer 1

由于您要动态添加类，并且您的单击事件处理程序是基于类选择器的，因此您必须使用 .live()事件。

$('.visible:not(.done)').live("click", function(){ 
    $(this).addClass('done'); 
    $('.hidden:first').toggle(500).removeClass('hidden').addClass('visible');
});

<强> Working Demo