jQuery ដំណើរការ - មធ្យោបាយ parents()

jQuery តាមដាន ក្រដាស់ប្រឌិត

ឧទាហរណ៍

ស្វែងរកអ្នកមេរបស់សំណាក់ b ទាំងអស់:

$("b").parents();

ព្យាយាមតាមដោយខ្លួនឯង

ការតាំងនិងការប្រើប្រាស់

parents() ទទួលទាំងអស់សំណាក់អាត្រាពីសមាសធាតុដែលត្រូវបានជ្រើសរើស ដោយអាចប្រើប្រាស់តារាងជ្រើសរើសក្នុងការជ្រើសរើស គឺអាចមិនចាំបាច់។

.parents()selector)
ទីបំផុត ការពន្យល់
selector តួលេខ មានលាក់បញ្ជីរបៀបស្វែងរកដែលត្រូវតែត្រួតពិនិត្យអត្ថប្រយោជន៍

ពិស្តារ

ប្រសិនបើមានការជ្រើសរើសមួយតំណាងរបស់ DOM មានការប្រើប្រាស់ .parents() មេធាវីនេះ អនុញ្ញាតអោយពួកយើងត្រូវតែរកឃើញអត្ថប្រយោជន៍ពីចេញពីតំណាងទាំងនោះ ហើយត្រូវតែរៀបចំអត្ថប្រយោជន៍ដែលត្រូវបានគេជ្រើសរើស ដោយអាចបង្ហាញពីអត្ថប្រយោជន៍ដែលប្រើប្រាស់តាមរបៀបពីអត្ថប្រយោជន៍ដែលប្រើប្រាស់មុនទៅ .parent(); មេធាវីនេះនិង មេធាវីនេះ មានភាពស្រដៀងគ្នាដែល មេធាវីទីពីរត្រូវតែត្រូវតែប្រើប្រាស់តែមួយជាន់តែមួយនៅក្នុង DOM ដែលកំពុងតែឡើង

មេធាវីត្រូវទទួលការជ្រើសរើសជាក់លាក់ ដែលមានរូបភាពដូចនឹងគម្រោងដែលយើងបានផ្តល់ទៅកាន់ $() និង ប្រសិនបើមានការប្រើប្រាស់បញ្ជីរបៀបស្វែងរក នឹងត្រូវតែត្រួតពិនិត្យថារូបមួយត្រូវបានដោះស្រាយតាមបញ្ជីរបៀបស្វែងរក។

គិតអំពីទំព័រនេះដែលមានបញ្ជីរដ្ឋាបាលត្រីដែលបានបញ្ចូលបន្ថែមដោយមិនសម្រាប់

<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').parents();.css('background-color', 'red');

ព្យាយាមតាមដោយខ្លួនឯង

លទ្ធផលនៃការហៅថ្នាក់នេះ គឺ កូឌតតាមរបៀប DOM ដែលស្ថិតនៅក្នុងបញ្ជីរដ្ឋាបាលត្រី 2 បញ្ជីរដ្ឋាបាលត្រី II និង បញ្ជីរដ្ឋាបាលត្រី 1 ដែលកំពុងតែឡើងដល់ <html> ត្រូវបានកំណត់អោយមានកម្រិតពណ៌ក្រហម។ ដោយសារពួកយើងមិនបានប្រើប្រាស់បញ្ជីរបៀបស្វែងរក ដែលអាចនឹងក្លាយជាផ្នែកមួយនៃអត្ថប្រយោជន៍។ ប្រសិនបើបានប្រើប្រាស់បញ្ជីរបៀបស្វែងរក នឹងត្រូវតែត្រួតពិនិត្យថារូបមួយត្រូវបានដោះស្រាយតាមបញ្ជីរបៀបស្វែងរក មុនពេលរួមចូលតាមកម្រិត។ ដោយសារពួកយើងមិនបានប្រើប្រាស់បញ្ជីរបៀបស្វែងរក អ្នកចុងក្រោយគឺអត្ថប្រយោជន៍ទាំងអស់នៃ jQuery ទាំងអស់។ ប្រសិនបើបានប្រើប្រាស់បញ្ជីរបៀបស្វែងរក នឹងតែរួមចូលតាមកម្រិតដែលត្រូវបានដោះស្រាយតាមបញ្ជីរបៀបស្វែងរក។

jQuery តាមដាន ក្រដាស់ប្រឌិត