Javascript 在每个“文本”旁边添加文本值；幻灯片“；在jQuery中使用滑块

我目前有一个jQuery滑块正在进行：

当用户在分页（1,2,3）之间单击时，我希望在分页旁边显示不同的文本。 因此，最初在页面加载时（即状态1），它应该说“你好”，然后单击2，它应该说“你好”，然后3它说“再见”

有人能告诉我如何用我目前的代码做到这一点吗？它不必“设置动画”，只需根据当前分页值在三位文本之间切换即可

非常感谢您的指点：-）

在jQuery中，我添加了一个span来保存文本“Hello”、“Hello再次”或“再见”。我给了跨度一个id“addedText”。然后，我为分页链接添加了一个事件侦听器（在chrome中使用inspect元素找到了选择器），它查看单击链接的文本，以确定您单击了哪个链接。在此基础上，适当地填充添加的文本

添加了jQuery/javascript：

$('.pagination-links').append("<span id='addedText'>Hello</span>");
var addedText = document.getElementById('addedText');

$('.pagination-links a').click(function(){
    if (this.innerHTML == '1')
        addedText.innerHTML = "Hello";
    else if (this.innerHTML == '3')
        addedText.innerHTML = "Goodbye";
    else
        addedText.innerHTML = "Hello again";
});

---

编辑：默认情况下，在addedText中添加了“Hello”，因此它会在页面加载时显示。

您正在运行哪个版本的jQuery？您好。对不起，我应该说。是1.4.2。谢谢你的帮助：）这几乎是100%的才华。我唯一的小麻烦是，当页面最初加载No.1（“Hello”）时，不会显示。这是一个容易解决的问题吗？非常感谢你的帮助和耐心。非常感谢：我才意识到，哈哈。我添加了它，查看jQuery代码的第一行。我刚刚在

中添加了

Hello

，我更新了小提琴并编辑了答案。非常非常感谢Cory。非常棒的帮助。再次感谢。

$('.pagination-links').append("<span id='addedText'>Hello</span>");
var addedText = document.getElementById('addedText');

$('.pagination-links a').click(function(){
    if (this.innerHTML == '1')
        addedText.innerHTML = "Hello";
    else if (this.innerHTML == '3')
        addedText.innerHTML = "Goodbye";
    else
        addedText.innerHTML = "Hello again";
});

#addedText {
    float: left;
    padding-top: 12px; //copied from .carousel .pagination-links li a
}