jquery - 点击事件功能——单独点击

Question

http://jsfiddle.net/3eMGR/16/

我正在尝试使它在第一次单击时显示第 2 行，然后在第二次单击时显示第 3 行。

我如何制作两个单独的事件？

感谢大家的帮助！

Answer 1

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

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

演示

Answer 2

像这样的东西会起作用：

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

但是，做你想做的更好的方法是在你想要添加一行时动态添加 div。这在此处进行了说明。

（我假设您实际上想根据按钮的文本添加一行。）

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

Answer 3

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

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

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

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

Answer 4

请检查这个小提琴这将动态地继续添加你想要的行。

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