jQuery 遍历 - has() 方法

jQuery परिभ्रमण संदर्भ पुस्तक

实例

检测某个元素是否在另一个元素中：

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

    स्वयं की जाँच करें

    定义和用法

    has() 将匹配元素集合缩减为拥有匹配指定选择器或 DOM 元素的后代的子集。

    语法

    .has(selector)
    参数 描述
    selector 字符串值，包含匹配元素的选择器表达式。

    详细说明

    如果给定一个表示 DOM 元素集合的 jQuery 对象，.has() 方法用匹配元素的子集来构造一个新的 jQuery 对象。所使用的选择器用于检测匹配元素的后代；如果任何后代元素匹配该选择器，该元素将被包含在结果中。

    नीचे दिए गए अंतर्निहित सूची वाले पृष्ठ को सोचिए:

    <ul>
  <li>सूची एलीमेंट 1</li>
  <li>सूची एलीमेंट 2</li>
    <ul>
      <li>सूची एलीमेंट 2-a</li>
      <li>सूची एलीमेंट 2-b</li>
    </ul>
  </li>
  <li>सूची एलीमेंट 3</li>
  <li>सूची एलीमेंट 4</li>
</ul>

    हम इस तरह की सूची एलीमेंट सेट के लिए इस विधि को लागू कर सकते हैं:

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

    स्वयं की जाँच करें

    इस काम का परिणाम है कि परियोजना 2 का पृष्ठभूमि लाल रंग में सेट किया गया है, क्योंकि यह परियोजना उस विरासत का एकमात्र एलीमेंट है जो <ul> का <li> है।

    jQuery परिभ्रमण संदर्भ पुस्तक