ผมมี code HTML ดังนี้
<tbody id="1">
<tr>
<td></td>
<tr>
</tbody>
<tbody id="2">
<tr>
<td></td>
<tr>
</tbody>
<tbody id="3">
<tr>
<td></td>
<tr>
</tbody>
ส่วน script ก็เป็นแบบนี้ครับ
$(document).ready(function(){
$('table tbody').each(function(index){
var $table = $(this);
$('<div class="box">click</div>').appendTo('body').click(function()
{
alert($(this).attr('class'));
alert($table.attr('id'));
});
});
});
สิ่งที่อยากทราบคือ
ในการ loop หา tbody มันจะสร้าง div class ="box" ให้ด้วยและสามารถคลิกได้
แต่เวลาคลิกนี้แหละมันจะทราบได้ไงครับว่าเราคลิกที่ tbody ตัวไหน ที่อ้างอิงกับ div ที่สร้างด้วย .each()
ขอสอบถามเรื่อง jquery หน่อยครับ เรื่องการอ้างอิง ของ tag
Moderator: mindphp
- tsukasaz
- PHP VIP Members
- โพสต์: 21988
- ลงทะเบียนเมื่อ: 18/04/2012 9:39 am
Re: ขอสอบถามเรื่อง jquery หน่อยครับ เรื่องการอ้างอิง ของ tag
โค้ด: เลือกทั้งหมด
$(document).ready(function(){ // ตรวจสอบว่าหน้าเว็บโหลดข้อมูลมาครบ พร้อมทำงานหรือยัง ถ้าโหลดพร้อมแล้วจะทำคำสั่งภายใน
$('table tbody').each(function(index){ // วนลูปตามจำนวนของ tbody ในโค้ดจะวน 3 รอบ
var $table = $(this); // เก็บค่า Object ของ tbody ในแต่ละรอบไว้ที่ตัวแปร $table
$('<div class="box">click</div>').appendTo('body').click(function()
{ // สร้าง tag <div class="box">click</div> แล้วเพิ่มเข้าไปใน body ของโค้ด และกำหนดเหตุการณ์คลิกให้กับมัน
alert($(this).attr('class'));
// $(this) ในที่นี้หมายถึง Object ของ <div class="box">click</div> ให้ alert ตัว attribute ชื่อ class ซึ่งก็คือค่า box
alert($table.attr('id'));
// $table คือ Object ของ tbody ที่ประกาศไว้ ให้ alert ตัว attribute ชื่อ id ซึ่งก็คือค่า 1 2 3 แล้วแต่ว่าในลูปนั้นเป็น tbody ตัวไหน
});
});
});
โค้ด: เลือกทั้งหมด
// รอบที่ 1
$('<div class="box">click</div>').appendTo('body').click(function()
{
alert('box');
alert(1);
});
// รอบที่ 2
$('<div class="box">click</div>').appendTo('body').click(function()
{
alert('box');
alert(2);
});
// รอบที่ 3
$('<div class="box">click</div>').appendTo('body').click(function()
{
alert('box');
alert(3);
});
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)
-
- PHP Newbie
- โพสต์: 6
- ลงทะเบียนเมื่อ: 18/11/2013 3:47 pm
Re: ขอสอบถามเรื่อง jquery หน่อยครับ เรื่องการอ้างอิง ของ tag
อยากรู้เหมือนกัน
-
- Similar Topics
- ตอบกลับ
- แสดง
- โพสต์ล่าสุด
-
-
โพสต์ใหม่ ถาม jQuery jQuery.get() กับ jQuery.post() ใน ajax
โดย jay_limm » 18/06/2014 2:15 pm » ใน JavaScript & jQuery Ajax & Node.JS - 2 ตอบกลับ
- 5506 แสดง
-
โพสต์ล่าสุด โดย jay_limm
18/06/2014 2:48 pm
-
-
-
โพสต์ใหม่ การใช้งาน JQUERY ในการแก้ไข Element ต่างๆโดยการเรียกด้วย method jquery
โดย ewqolf » 24/01/2023 12:45 pm » ใน jQuery & Ajax Knowledge - 1 ตอบกลับ
- 856 แสดง
-
โพสต์ล่าสุด โดย mindphp
24/01/2023 1:15 pm
-
-
-
โพสต์ใหม่ ต้องการให้ Jquery กด ปุ๋มให้เรา jQuery(selector).submit(); เเต่มันไม่ทำงาน
โดย thatsawan » 21/09/2015 10:32 pm » ใน JavaScript & jQuery Ajax & Node.JS - 4 ตอบกลับ
- 3597 แสดง
-
โพสต์ล่าสุด โดย Keyboardslo
27/01/2016 3:59 pm
-
-
-
โพสต์ใหม่ JQuery Tips : เมธอด hover() กำหนดฟังก์ชันเมื่อมีการชี้เม้าส์ ใน Jquery
โดย abdkode » 27/03/2019 2:26 pm » ใน jQuery & Ajax Knowledge - 0 ตอบกลับ
- 3094 แสดง
-
โพสต์ล่าสุด โดย abdkode
27/03/2019 2:26 pm
-
-
-
โพสต์ใหม่ สร้างปฏิทินด้วยฟังก์ชันใน jQuery
โดย theoneozz » 10/01/2019 4:01 pm » ใน jQuery & Ajax Knowledge - 0 ตอบกลับ
- 4676 แสดง
-
โพสต์ล่าสุด โดย theoneozz
10/01/2019 4:01 pm
-
-
-
โพสต์ใหม่ การทำรูปภาพให้ซูมได้ด้วย Jquery
โดย Parichat » 26/06/2018 12:02 pm » ใน jQuery & Ajax Knowledge - 0 ตอบกลับ
- 2801 แสดง
-
โพสต์ล่าสุด โดย Parichat
26/06/2018 12:02 pm
-
-
- 0 ตอบกลับ
- 1465 แสดง
-
โพสต์ล่าสุด โดย Ik Kat
29/06/2017 2:35 pm
-
- 0 ตอบกลับ
- 1128 แสดง
-
โพสต์ล่าสุด โดย sonram
11/07/2016 6:32 pm
ผู้ใช้งานขณะนี้
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 71