วิธีการรับ: 1. ใช้วิธี eq() เพื่อเลือกองค์ประกอบ li ที่ตำแหน่งดัชนีที่ระบุ ไวยากรณ์คือ "$("li").eq(index number)"; ตัวเลือกเพื่อเลือก เลือกองค์ประกอบ li ที่ตำแหน่งดัชนีที่ระบุ ไวยากรณ์คือ "$("li:eq(index number)")"
สภาพแวดล้อมการทำงานของบทช่วยสอนนี้: ระบบ windows7, เวอร์ชัน jquery1.10.2, คอมพิวเตอร์ Dell G3
jquery ได้รับหมายเลข li
1 ใช้ eq() วิธีการ
eq() วิธีการส่งกลับองค์ประกอบที่มีหมายเลขดัชนีที่ระบุขององค์ประกอบที่เลือก หมายเลขดัชนีเริ่มต้นด้วย 0 ดังนั้นหมายเลขดัชนีขององค์ประกอบแรกคือ 0 (ไม่ใช่ 1)
<หัว>
<สไตล์>
.พี่น้อง * {
จอแสดงผล: บล็อก;
เส้นขอบ: 2px สีเทาอ่อนทึบ;
สี: เทาอ่อน;
ช่องว่างภายใน: 5px;
ระยะขอบ: 15px;
-
<สคริปต์>
$(เอกสาร).ready(function() {
$("li").eq(2).css({
"สี": "สีแดง",
"border": "2px สีแดงทึบ"
-
-
<ร่างกาย>
ul (โหนดหลัก)
- องค์ประกอบลูกแรก
- องค์ประกอบลูกที่สอง
- องค์ประกอบลูกที่สาม
- องค์ประกอบลูกที่สี่
- องค์ประกอบย่อยที่ห้า
เลือกองค์ประกอบ li ที่สาม (หมายเลขดัชนีคือ 2)
2. ใช้ตัวเลือก ":eq()"
: ตัวเลือก eq() จะเลือกองค์ประกอบที่มีค่าดัชนีที่ระบุ ค่าดัชนีเริ่มต้นจาก 0 และค่าดัชนีขององค์ประกอบแรกทั้งหมดคือ 0 (ไม่ใช่ 1)
<หัว>
<สไตล์>
.พี่น้อง * {
จอแสดงผล: บล็อก;
เส้นขอบ: 2px สีเทาอ่อนทึบ;
สี: เทาอ่อน;
ช่องว่างภายใน: 5px;
ระยะขอบ: 15px;
-
<สคริปต์>
$(เอกสาร).ready(function() {
$("li:eq(1)").css({
"สี": "สีแดง",
"border": "2px สีแดงทึบ"
-
-
<ร่างกาย>
ul (โหนดหลัก)
- องค์ประกอบลูกแรก
- องค์ประกอบลูกที่สอง
- องค์ประกอบลูกที่สาม
- องค์ประกอบลูกที่สี่
- องค์ประกอบย่อยที่ห้า
เลือกองค์ประกอบ li ที่สอง (หมายเลขดัชนีคือ 1)
[การเรียนรู้ที่แนะนำ: วิดีโอสอน jQuery, วิดีโอส่วนหน้าของเว็บ]
ด้านบนคือเนื้อหาโดยละเอียดของวิธีการรับ li แรกของ jquery สำหรับข้อมูลเพิ่มเติม โปรดใส่ใจกับบทความอื่น ๆ ที่เกี่ยวข้องบนเว็บไซต์ PHP Chinese!
