jQuery 遍历 - has() 方法

实例

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

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

    ਸਿੱਧੇ ਸਿਖਲਾਈ ਦੇਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ

    定义和用法

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

    语法

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

    详细说明

    如果给定一个表示 DOM 元素集合的 jQuery 对象,.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>।