jQuery追加内容增加[关闭]

Question

这是一个示例代码：

var i1 = $("<a>content1</a>");
var i2 = $("<a>content2</a>");
var i3 = $("<a>content3</a>");
var i4 = $("<a>content4</a>");
var i5 = $("<a>content5</a>");
b.append(i1);

这是想要的效果：

1. 单击第一个 +1 按钮时，应调用 b.append(i1) 并显示 content1；
2. 点击第二个 +1 按钮时，应调用 b.append(i2) 并显示 content2；
3. 当点击第三个+1按钮时，应该调用b.append(i3)并显示content3；
4. 当点击第四个 +1 按钮时，应调用 b.append(i4) 并显示 content4；
5. 当点击第五个 +1 按钮时，应该调用 b.append(i5) 并显示 content5；

到目前为止，这是我能够实现的目标：working fiddle

Answer 1

不确定这是否是你想要的..

在您的代码中添加了var clickedcount，使用switch() 并同样显示了内容..

你不需要不同的变量 .. 我用同一个变量 i1 管理它

检查这个fiddle..

Answer 2

查看这个更新的小提琴：http://jsfiddle.net/huZzq/7/

由于您在cur 变量中有一个计数，它可以与eval() 函数一起使用，如下所示：

b.append(eval('i' + cur));

删除：

var index = c.attr("value").replace("-","");
(eval('i' + (index))).remove();