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 ÉèÖÃΪºìÉ«±³¾°¡£ÓÉÓÚÎÒÃÇδӦÓÃÑ¡ÔñÆ÷±í´ïʽ£¬ÕâÐ©Ç°ÃæµÄÔªËØºÜ×ÔÈ»µØ³ÉΪÁ˶ÔÏóµÄÒ»²¿·Ö¡£Èç¹ûÒÑÓ¦ÓÃÑ¡ÔñÆ÷£¬Ôò»áÔÚ°üº¬ÔªËØÖ®Ç°£¬¼ì²âÕâÐ©ÔªËØÊÇ·ñÆ¥ÅäÑ¡ÔñÆ÷¡£

VUE