jQuery追加内容增加[关闭]

Posted 2023-03-11

【中文标题】jQuery追加内容增加[关闭]

【英文标题】：jQuery append content increase [closed]

【发布时间】：2012-12-18 14:35:16

【问题描述】：

这是一个示例代码：

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 按钮时，应调用 b.append(i1) 并显示 content1； 点击第二个 +1 按钮时，应调用 b.append(i2) 并显示 content2； 当点击第三个+1按钮时，应该调用b.append(i3)并显示content3； 当点击第四个 +1 按钮时，应调用 b.append(i4) 并显示 content4； 当点击第五个 +1 按钮时，应该调用 b.append(i5) 并显示 content5；

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

【问题讨论】：

有什么问题？

比什么问题?????????????

如果你写的变量以数字结尾，一般你做错了。

看看这个工作小提琴jsfiddle.net/huZzq/2

【参考方案1】：

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

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

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

检查这个fiddle..

【讨论】：

是的，这看起来不错，但我只想要一个内容，比如只有 content1 或 content2 jsfiddle.net/huZzq/6

帮我解决这个问题，我只需要一个内容。 jsfiddle.net/huZzq/6

试试这个小提琴...jsfiddle.net/huZzq/9

更新了小提琴..检查之前评论中的小提琴

【参考方案2】：

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

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

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

删除：

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

【讨论】：

谢谢我的人，jsfiddle.net/huZzq/11 看看这个，如果你按几个 +1 按钮，我想删除一些，也跟着内容量的变化

@董亦飞，看看this是不是你想要的..