jQuery ±éÀú - prevAll() ·½·¨
ʵÀý
¶¨Î»×îºóÒ»¸ö div ֮ǰµÄËùÓÐ div£¬²¢ÎªËüÃÇÌí¼ÓÀࣺ
$("div:last").prevAll()
.addClass("before");
¶¨ÒåºÍÓ÷¨
prevAll() »ñµÃµ±Ç°Æ¥ÅäÔªËØ¼¯ºÏÖÐÿ¸öÔªËØµÄÇ°ÃæµÄͬ°ûÔªËØ£¬Ê¹ÓÃÑ¡ÔñÆ÷½øÐÐɸѡÊÇ¿ÉÑ¡µÄ¡£
Óï·¨
.prevAll(selector)
²ÎÊý | ÃèÊö |
---|---|
selector | ×Ö·û´®Öµ£¬°üº¬ÓÃÓÚÆ¥ÅäÔªËØµÄÑ¡ÔñÆ÷±í´ïʽ¡£ |
Ïêϸ˵Ã÷
Èç¹û¸ø¶¨Ò»¸ö±íʾ DOM ÔªËØ¼¯ºÏµÄ jQuery ¶ÔÏó£¬.prevAll() ·½·¨ÔÊÐíÎÒÃÇÔÚ DOM Ê÷ÖÐËÑË÷ÕâÐ©ÔªËØÇ°ÃæµÄͬ°ûÔªËØ£¬²¢ÓÃÆ¥ÅäÔªËØ¹¹ÔìÒ»¸öÐ嵀 jQuery ¶ÔÏó¡£
¸Ã·½·¨½ÓÊÜ¿ÉÑ¡µÄÑ¡ÔñÆ÷±í´ïʽ£¬ÓëÎÒÃÇÏò $() º¯ÊýÖд«µÝµÄ²ÎÊýÀàÐÍÏàͬ¡£Èç¹ûÓ¦ÓÃÕâ¸öÑ¡ÔñÆ÷£¬Ôò½«Í¨¹ý¼ì²âÔªËØÊÇ·ñÆ¥Åä¸ÃÑ¡ÔñÆ÷¶ÔÔªËØ½øÐÐɸѡ¡£
Çë˼¿¼Õâ¸ö´øÓлù±¾µÄǶÌ×ÁбíµÄÒ³Ãæ£º
<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>
Èç¹ûÎÒÃÇ´ÓµÚÈý¸öÏîÄ¿¿ªÊ¼£¬Ôò¿ÉÕÒµ½¸ÃÔªËØÖ®¼äµÄͬ°ûÔªËØ£º
$('li.third-item').prevAll()
.css('background-color', 'red');
´Ë´¦µ÷ÓõĽá¹ûÊǽ«ÏîÄ¿ 2 ºÍÏîÄ¿ 1 ÉèÖÃΪºìÉ«±³¾°¡£ÓÉÓÚÎÒÃÇδӦÓÃÑ¡ÔñÆ÷±í´ïʽ£¬ÕâÐ©Ç°ÃæµÄÔªËØºÜ×ÔÈ»µØ³ÉΪÁ˶ÔÏóµÄÒ»²¿·Ö¡£Èç¹ûÒÑÓ¦ÓÃÑ¡ÔñÆ÷£¬Ôò»áÔÚ°üº¬ÔªËØÖ®Ç°£¬¼ì²âÕâÐ©ÔªËØÊÇ·ñÆ¥ÅäÑ¡ÔñÆ÷¡£