Question

我正在努力让它在第一次点击时显示第2行，然后在第二次点击时显示第3行。

我如何制作两个单独的活动？

感谢大家的帮助！

Answer 1

它必须是相同的点击处理程序，但您可以使用变量来跟踪点击次数。

var clickTarget = 2;
$("button").click(function () {
  var selector = "." + clickTarget.toString();
  $(selector).css("display","inherit");
  $(selector).show();
  clickTarget++;        
});

Demo

Answer 2

这样的事情会起作用：

$("button").click(function () {
  $(".2").show();
  $('button').unbind('click').click(function(){
    $('.3').show();
  });
});

但是，更好的方法是在想要添加行时实际添加div。这说明here。

（我假设你真的想根据按钮的文字添加一行。）

此外，请停止对多个元素使用id属性。该ID应该是唯一。使用class属性设置元素集样式。

Answer 3

顺便说一句，你的班级名称无效。它们必须以-或字母开头。我建议你解决它们。

无论如何，您可以逐个删除每个.hidden元素的类：

$(document).ready(function() {
    $("button").click(function() {
        $(".hidden").first().removeClass('hidden');
    });
});

演示：http://jsfiddle.net/Blender/3eMGR/20/

Answer 4

请检查 fiddle 这将动态地继续添加您想要的行。

$('button').on('click', function() {
                $row = $('div.row:first').clone();
                $('div.wraper').append($row);
            });

点击事件功能 - 单独点击

4 个答案: