Javascript 单击“哪个单词将更改为另一个？”？

我想要实现的是能够点击屏幕上的文本，然后我点击的文本会变成另一个单词

例如：

如果我单击“查看为列表”，我希望它更改为“缩略图”

以下是我的尝试：

html代码：

<div class="page-intro">
    <h2>Artists</h2>
    <h2 class="thumb-to-list">View As List</h2>
</div>

下面是我尝试编写的代码，但它不起作用：

$('.thumb-to-list').toggle(function() {
    $('.thumb-to-list').text('View As Thumbnails');
}, function() {
    $('.thumb-to-list').text('View As List');
});

---

不需要使用

on（）

函数，因为您的DOM不会因为更改其值/文本而更改。你应该只使用函数

$('.thumb-to-list').click(function() {
    $(this).text('View As Thumbnails');
}

---

您可以直接使用

单击
事件：

$(".thumb-to-list").click(function() {
    if ($(this).text() == "View As Thumbnails")
       $(this).text("View As List")
    else
       $(this).text("View As Thumbnails");
});

您需要将鼠标单击绑定到事件


$（'.thumb to list'）。在（'click'，function（）上{
if（$（this）.text（）==“查看为列表”）{
$（this.html（'View As Thumbnails'）；
}否则{
$（this.html（'View As List'）；
}
});
。页面介绍{
背景：橙色；
}
.页面简介h2{
字体大小：正常；
显示：内联块；
}
.拇指到列表{
浮动：对；
}

艺术家
查看为列表
我知道这些功能之间的区别。这里不需要使用.on（）。click很旧，最终将被弃用。人们很久以前就停止使用了。去了解一些关于该信息的jquerySource？@notriouspet0可能是错误的，但我很确定基于
的官方文档。click（）
在内部使用
.on（）
。下面是文档中的一个片段：“此方法是前两个变体中.on（“click”，handler）和第三个变体中.trigger（“click”）的快捷方式。”来源：尽管如此，我倾向于使用
.on（）
，因为我喜欢所有事件处理程序的附加之间的一致性。据我所知，基于文档，这两种方式都是完全可以接受的。好吧，我不知道他们已经改变了。他们一定是最近干的。他们过去是不同的。很高兴知道。你每天都在学习新东西。不要使用
。单击（）
，而是使用
。on（）
。而且，
.html（）
比
.text（）
好。是的，我看到另一个人贴了。因为我错了，所以给了你一票
$(".thumb-to-list").click(function() {
    if ($(this).text() == "View As Thumbnails")
       $(this).text("View As List")
    else
       $(this).text("View As Thumbnails");
});