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();