ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingขอถามเกี่ยวกับ jQuery ครับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ขอถามเกี่ยวกับ jQuery ครับ  (อ่าน 470 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
BakKheab
สมุนแก๊งเสียว
*

พลังน้ำใจ: 65
ออฟไลน์ ออฟไลน์

กระทู้: 725



ดูรายละเอียด
« เมื่อ: 01 มีนาคม 2016, 01:59:33 »

สมมุติผมมีโค้ดแบบนี้นะครับ

<a></a><a></a><a></a><a></a>
<a></a><a></a><a></a><a></a>
<a></a><a></a><a></a><a></a>
<a></a><a></a><a></a><a></a>
<a></a><a></a><a></a><a></a>

อยากเขียน jQuery ประมานว่า ถ้าคลิกที่ตัวใดตัวหนึ่งให้ก็ให้ tag ตัวนั้น ๆ เปลี่ยนไป
เช่นจาก <a></a> เป็น <b></b> แล้วถ้าคลิ๊กอีก ก็เป็น <c></c> แล้วก็วนไปเรื่อย ๆ

ผมลงแบบนี้แล้วมันก็คลิ๊กได้ตัวละครังเองครับ ไม่สามารถคลิ๊กซ้ำแล้วทำงานได้

   $("a").click(function () {
      $(this).replaceWith("<b></b>");
   });
   $("b").click(function () {
      $(this).replaceWith("<c></c>");
   });
   $("c").click(function () {
      $(this).replaceWith("<a></a>");
   });

ที่ต้องการคืออยากจะให้มันคลิ๊กได้เรื่อย ๆ ครับ
พี่ ๆ ท่านใดพอจะแนะนำได้บ้างครับ  wanwan017
บันทึกการเข้า
thaisew
ก๊วนเสียว
*

พลังน้ำใจ: 19
ออฟไลน์ ออฟไลน์

กระทู้: 274



ดูรายละเอียด
« ตอบ #1 เมื่อ: 01 มีนาคม 2016, 02:33:11 »

<a>aaaaa</a>
<script>
   $(document).on('click','a',function () {
      $(this).replaceWith("<b>bbbbb</b>");
   });
   
   $(document).on('click',"b",function () {
      $(this).replaceWith("<c>ccccc</c>");
   });
   
   $(document).on('click',"c",function () {
      $(this).replaceWith("<a>aaaaa</a>");
   });
</script>
 wanwan019
http://stackoverflow.com/quest...dynamically-generated-elements
บันทึกการเข้า
BakKheab
สมุนแก๊งเสียว
*

พลังน้ำใจ: 65
ออฟไลน์ ออฟไลน์

กระทู้: 725



ดูรายละเอียด
« ตอบ #2 เมื่อ: 01 มีนาคม 2016, 05:36:19 »

<a>aaaaa</a>
<script>
   $(document).on('click','a',function () {
      $(this).replaceWith("<b>bbbbb</b>");
   });
   
   $(document).on('click',"b",function () {
      $(this).replaceWith("<c>ccccc</c>");
   });
   
   $(document).on('click',"c",function () {
      $(this).replaceWith("<a>aaaaa</a>");
   });
</script>
 wanwan019
http://stackoverflow.com/quest...dynamically-generated-elements


ได้แล้วครับ ขอบคุณมากมายเลยครับผม  wanwan017 wanwan020 wanwan013
บันทึกการเข้า
หน้า: [1]   ขึ้นบน
พิมพ์