jquery - 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；

到目前为止，这就是我能够实现的目标：工作小提琴

Answer 1

不知道这是否是你想要的..

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

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

检查这个小提琴..

Answer 2

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

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

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

对于删除：

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