在jQuery中，只有最后一个元素按顺序显示

如果我点击下一步按钮，将显示第四章，而不是第二章或第三章，然后是第四章

有人能帮我吗？我在互联网上还没有找到解决方案，我尝试了好几天

$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“p”）.html（'2.这是第二章

'）；
$（“p”）.html（'3.这是第三章

）；
$（“p”）.html（'4.这是第四章

）；
});
});

这是第一章

下一个
问题在于每次引用
$（“p”）.html（）
时都会不断覆盖它。它确实会变为
第2章
，但很快就会变为
第3章
和
第4章
，以至于你没有注意到它

为了解决这个问题，我建议您定义一个新变量来控制页面。单击按钮后，增加此变量，并根据变量的不同，使用相关内容更新
.html（）

这可以从以下几点看出：


$（文档）.ready（函数（）{
//设置一个变量来控制页面
var-page=1；
$（“按钮”）。单击（函数（）{
//增加页数
page++；
//显示相关内容
如果（第===2页）{
$（“p”）.html（'2.这是第二章
'）；
}
如果（第===3页）{
$（“p”）.html（'3.这是第三章
）；
}
如果（第===4页）{
$（“p”）.html（'4.这是第四章
'）；
}
});
});

一,。这是第一章

下一个
您需要在变量中存储要显示的内容


$（文档）.ready（函数（）{
//内容数组
变量内容=[
“2.这是第二章，
“3.这是第三章，
“4.这是第四章”
];
$（“按钮”）。单击（函数（）{
var p=$（'p'）；
var index=parseInt（p.data（'value'））；
//写下新内容
p、 html（目录[索引]）；
//增加下一次单击的索引
p、 数据（'值'，索引+1）
});
});

1.这是第一章
下一个
覆盖
p
内容。单击按钮后，
p
值更改为
chapter2
，然后在
chapter3
上，然后在
chapter4
上，以毫秒为单位，您看不到。这就是代码的工作方式。您需要传递任何变量，告诉您要显示哪一个内容。