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> ]}¡£