jQuery ที่เลือก - วิธี parent()

jQuery ที่เลือกอ่านคู่มือ

ตัวอย่าง

ค้นหาองค์ประกอบเจ้าของของแต่ละองค์ประกอบที่มีคลาส "selected"

$("p").parent(".selected")

ลองทดสอบด้วยตัวเอง

การระบุและการใช้งาน

parent() ได้รับองค์ประกอบเจ้าของของแต่ละองค์ประกอบในชุดที่ตรงกับองค์ประกอบที่ตรงกับ การใช้ตัวแสดงเลือกเพื่อการกรองเป็นที่เลือกได้

.parent(selector)
ตัวแปร การอธิบาย
selector ค่าของตัวอักษร ประกอบด้วยตัวแสดงเลือกที่ใช้ในการตรวจสอบองค์ประกอบ

รายละเอียด

ถ้าให้มาซึ่ง jQuery วัตถุที่แสดงว่าชุดองค์ประกอบ DOM วิธี .parent() อนุญาตให้เราค้นหาองค์ประกอบเจ้าของขององค์ประกอบนี้ในต้นไม้ DOM และสร้าง jQuery วัตถุใหม่ที่ตรงกับองค์ประกอบที่ตรงกับ.parents() และ .parent() วิธีที่คล้ายกัน แต่ต่างกันคือ วิธีนี้เดินตามต้นไม้ DOM ไปขึ้นหนึ่งระดับเท่านั้น

วิธีนี้รับตัวแสดงเลือกที่เป็นที่เลือกได้ และมีรูปแบบเหมือนกับตัวแสดงที่เราส่งให้กับฟังก์ชัน $() ถ้าใช้ตัวแสดงนี้ จะดึงองค์ประกอบผ่านการตรวจสอบว่าองค์ประกอบนั้นตรงกับตัวแสดง

คิดถึงเว็บไซต์นี้ที่มีรายการที่มีรูปแบบนested list ธรรมดา

<ul class="level-1">
  <li class="item-i">I</li>
  <li class="item-ii">II
    <ul class="level-2">
      <li class="item-a">A</li>
      <li class="item-b">B
        <ul class="level-3">
          <li class="item-1">1</li>
          <li class="item-2">2</li>
          <li class="item-3">3</li>
        </ul>
      </li>
      <li class="item-c">C</li>
    </ul>
  </li>
  <li class="item-iii">III</li>
</ul>

ถ้าเราเริ่มจากโครงการ A พวกเราสามารถหาองค์ประกอบเจ้าของของมันได้

$('li.item-a').parent().css('background-color', 'red');

ลองทดสอบด้วยตัวเอง

ผลลัพธ์ของการเรียกใช้ครั้งนี้คือ ตั้งสีพื้นหลังเป็นสีแดงสำหรับรายการ level-2 สำหรับเราไม่ได้ใช้ตัวแสดงเลือกเล็กน้อย องค์ประกอบเจ้าของก็กลายเป็นส่วนหนึ่งของวัตถุอย่างธรรมดา ถ้าเราได้ใช้ตัวแสดงเลือก จะตรวจสอบว่าองค์ประกอบนั้นตรงกับตัวแสดงเลือกก่อนที่จะรวมองค์ประกอบที่มีอยู่

jQuery ที่เลือกอ่านคู่มือ