jQuery ±éÀú - has() ·½·¨

ʵÀý

¼ì²âij¸öÔªËØÊÇ·ñÔÚÁíÒ»¸öÔªËØÖУº

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

Ç××ÔÊÔÒ»ÊÔ

¶¨ÒåºÍÓ÷¨

has() ½«Æ¥ÅäÔªËØ¼¯ºÏËõ¼õΪӵÓÐÆ¥ÅäÖ¸¶¨Ñ¡ÔñÆ÷»ò DOM ÔªËØµÄºó´úµÄ×Ó¼¯¡£

Óï·¨

.has(selector)
²ÎÊý ÃèÊö
selector ×Ö·û´®Öµ£¬°üº¬Æ¥ÅäÔªËØµÄÑ¡ÔñÆ÷±í´ïʽ¡£

Ïêϸ˵Ã÷

Èç¹û¸ø¶¨Ò»¸ö±íʾ DOM ÔªËØ¼¯ºÏµÄ jQuery ¶ÔÏó£¬.has() ·½·¨ÓÃÆ¥ÅäÔªËØµÄ×Ó¼¯À´¹¹ÔìÒ»¸öÐ嵀 jQuery ¶ÔÏó¡£ËùʹÓõÄÑ¡ÔñÆ÷ÓÃÓÚ¼ì²âÆ¥ÅäÔªËØµÄºó´ú£»Èç¹ûÈκκó´úÔªËØÆ¥Åä¸ÃÑ¡ÔñÆ÷£¬¸ÃÔªËØ½«±»°üº¬ÔÚ½á¹ûÖС£

Çë˼¿¼ÏÂÃæÕâ¸ö´øÓÐǶÌ×ÁбíµÄÒ³Ãæ£º

<ul>
  <li>list item 1</li>
  <li>list item 2
    <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>¡£

VUE