Javascript 如何使用我的代码更改p元素的内容？

我尝试了在网上找到的各种代码，但无法将其与我的代码结合起来

顺序：

网站用户将书本图片悬停，整本书滑入视口。 访问者点击图片，背景图像会发生变化 缺失：如果背景颜色已更改，我想将p元素的内容从1/2页更改为2/2页。 我该怎么做

//我的CSS img_郁金香-book-01{ 位置：绝对位置； 背景：url../pictures/tulip-book-1.png无重复右中； 背景尺寸：包含！重要； 顶部：700px； 左：-550px； 高度：700px； 宽度：480px； 光标：指针； z指数：200； } .img_tulip-book-02{ 背景：url../pictures/tulip-book-2.png 不要重复右中！重要； 背景尺寸：包含！重要； 光标：指针； } //我的HTML 1/2

//我的jQUERY $document.readyfunction{ $'img_tulip-book-01'.鼠标交互功能{ $this.animate{ 左：'+=280px'}， { 持续时间：缓慢， 放松：放松 }; }; $'img_tulip-book-01'。鼠标移动功能{ $this.animate{ 左：'-=280px' }; }; $'img_tulip-book-01'。单击函数{ $this.toggleClass'img_tulip-book-02'； }; }; 这条线正好可以做到这一点

它应该在：

$('#img_tulip-book-01').click(function() {
   $(this).toggleClass('img_tulip-book-02');
   $(this).find("p").text("2/2");
});

这应该起作用：

$('#img_tulip-book-01').click(function() {
   $(this).toggleClass('img_tulip-book-02');
   var pageNumber = $(this).find("p").text()
   if (pageNumber == "1/2") {
     $(this).find("p").text("2/2");
   } else {
     $(this).find("p").text("1/2");
   }
});

---

首先你有一个语法错误。它应该是u'left'：'-250px'.@bayblade567为什么这是一个语法错误？它是一个字符串，它将一个变量传递给jQuery的animate，这是合法的。你好，穆瑟，谢谢你的快速回复。不幸的是，这个解决方案只能工作一次。在我第三次点击它之后，p元素不会改变。如果鼠标离开，它会被重置@可怕的编码员是的，这就是我可以从你发布的代码和问题中推断出来的。需要有一个计数器之类的东西。实际上，您需要使用if语句。如果元素包含1/2，则将其设置为2/2，反之亦然。

$('#img_tulip-book-01').click(function() {
   $(this).toggleClass('img_tulip-book-02');
   var pageNumber = $(this).find("p").text()
   if (pageNumber == "1/2") {
     $(this).find("p").text("2/2");
   } else {
     $(this).find("p").text("1/2");
   }
});