หน้าเว็บ

วันอังคารที่ 15 กุมภาพันธ์ พ.ศ. 2554

หาจำนวนของ Element ด้วย Method size() ใน jQuery

มาถึงหน้าที่ของเจ้า Method size() กันบ้าง เจ้า Method size() นั้นหน้าที่ของมันก็คือจะคืนค่าของจำนวนอิลิเมนต์ภายใน set

มาดูตัวอย่างกัน

สร้างอิลิเมนต์ขึ้นมาก่อน

<img src="" name="nameImg1" id="img1" class="thisimg" />
<img src="" name="nameImg2" id="img2" class="thisimg" />
<img src="" name="nameImg3" id="img3" />

จะสังเกตุว่ามีอยู่สองอิลิเมนต์ที่มีการใช้ class ชื่อว่า thisimg

จากนั้นลองเขียน jQuery เพื่อหาจำนวนของอิลิเมนต์ทั้งหมดที่ใช้คลาสชื่อว่า thisimg ด้วย Method size()

$(document).ready(function() {
   var amount = $(".thisimg").size();
   alert("จำนวนอิลิเมนต์ทั้งหมด = "+amount);
});

ทีนี้ลองรันดูนะค่ะ


ทีนี้ถ้าเรียวจะหาว่ามีแท็ก img ทั้งหมดกี่อิลิเมนต์จะเขียนอย่างนี้ได้เลยค่ะ

$("img").size();

ค่าที่ได้ก็คือ 3 นั่นเอง แหมเทพจริง ๆ นะคะ  jQuery เนี่ย อิอิ

ไม่มีความคิดเห็น:

แสดงความคิดเห็น