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

ʵÀý

ÕÒµ½ËùÓÐ div£¬ÒÔ¼°ÆäÖеÄËùÓжÎÂ䣬²¢ÎªËüÃÇÌí¼ÓÁ½¸öÀàÃû¡£Çë×¢Ò⣬ÓÉÓÚδʹÓà .andSelf()£¬div ûÓлÆÉ«±³¾°É«¡£

$("div").find("p").andSelf().addClass("border");
$("div").find("p").addClass("background");

Ç××ÔÊÔÒ»ÊÔ

¶¨ÒåºÍÓ÷¨

add() ·½·¨°Ñ¶ÑÕ»ÖÐ֮ǰµÄÔªËØ¼¯Ìí¼Óµ½µ±Ç°¼¯ºÏ¡£

Óï·¨

.andSelf()

Ïêϸ˵Ã÷

Çë˼¿¼Õâ¸öÓµÓмòµ¥ÁбíµÄÒ³Ãæ£º

<ul>
   <li>list item 1</li>
   <li>list item 2</li>
   <li class="third-item">list item 3</li>
   <li>list item 4</li>
   <li>list item 5</li>
</ul>

ÒÔÏ´úÂëµÄ½á¹ûÊÇÏîÄ¿ 3,4,5 ÓµÓкìÉ«±³¾°£º

$("li.third-item").nextAll().andSelf()
  .css("background-color", "red");

Ç××ÔÊÔÒ»ÊÔ

Ê×ÏÈ£¬³õʼµÄÑ¡ÔñÆ÷»á¶¨Î»ÏîÄ¿ 3£¬³õʼ»¯µÄ¶ÑÕ»´æÓнö°üº¬¸ÃÏîÄ¿µÄ¼¯ºÏ¡£µ÷Óà .nextAll() »á½«ÏîÄ¿ 4, 5 µÄ¼¯ºÏÍÆÈë¶ÑÕ»¡£×îºó£¬µ÷Óà .andSelf() »áºÏ²¢ÕâÁ½¸ö¼¯ºÏ£¬Ëù´´½¨µÄ jQuery ¶ÔÏóÖ¸Ïò°´ÕÕÎĵµË³ÐòµÄËùÓÐÈý¸öÏîÄ¿£º{[<li.third-item>,<li>,<li> ]}¡£

VUE