jQuery តាមដាន - has() ម៉ត់

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

ឧទាហរណ៍

ពិនិត្យថាអត្តបទមួយមាននៅក្នុងអត្តបទមួយផ្សេង:

$("ul").append("<li>" + ($("ul")..has("li").length ? "Yes" : "No") + "</li>");
$("ul").has("li").addClass("full");

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

ការអង្គពិធី និងការប្រើប្រាស់

has() នឹងកាត់បន្ថយការងាររបស់អត្តបទជំរើស ទៅជាការងារអត្តបទដែលមានអត្តបទបន្តពីអត្តបទដែលត្រូវបានជ្រើសរើស រឺអត្តបទ DOM ដែលត្រូវបានជ្រើសរើស。

អត្តបទ

.has(selector)
បរិបទ ការពន្យល់
selector តួលេខ មានការដាក់តួលេខ រួមទាំងអត្តបទជ្រើសរើស ដែលត្រូវបានត្រួងត្រាបន្តពីអត្តបទដែលត្រូវបានប៉ុនប៉ង。

បញ្ជាក់លម្អិត

ប្រសិនបើត្រូវបានផ្តល់ដោយរូបភាព jQuery ដែលតំណាងឲ្យការងារអត្តបទ DOM មួយ .has() ម៉ត់នេះ អភិវឌ្ឍមួយ jQuery មួយថ្មីដោយប្រើប្រាស់អត្តបទជ្រើសរើសក្រោមអត្តបទដែលត្រូវបានប៉ុនប៉ង; អត្តបទជ្រើសរើសនេះ ត្រូវបានប្រើដើម្បីពិនិត្យអត្តបទបន្តពីអត្តបទ; ប្រសិនបើមានអត្តបទបន្តពីអត្តបទដែលត្រូវបានប៉ុនប៉ង អត្តបទនោះនឹងត្រូវបានបញ្ចូលក្នុងលទ្ធផល。

សម្រាប់ការគិតគូរ ពីការបង្ហាញនៃទំព័រដែលមានបញ្ជីបញ្ចូលគ្នា:

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
    <ul>
      <li>list item 2-a</li>
      <li>list item 2-b</li>
    </ul>
  </li>
  <li>list item 3</li>
  <li>list item 4</li>
</ul>

យើងអាចប្រើម៉ត់នេះទៅលើការប្រើប្រាស់ក្រុមអត្តបទ ដូចនេះ:

$('li').has('ul').css('background-color', 'red');

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

លទ្ធផលនៃការហៅនេះ គឺការកំណត់ពណ៌ពណ្ណពីការងារ 2 ទៅជាពណ៌ក្រហម នេះគឺពីព្រោះគម្រោងនេះគឺជាអ្នកតែម្នាក់ក្នុងការជំរុញបន្តពី <ul> របស់ <li>。

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