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

ʵÀý

¼ìË÷ÿ¸ö¶ÎÂ䣬ÕÒµ½ÀàÃûΪ "selected" µÄǰһ¸öͬ°ûÔªËØ£º

$("p").prev(".selected")

Ç××ÔÊÔÒ»ÊÔ

¶¨ÒåºÍÓ÷¨

prev() »ñµÃÆ¥ÅäÔªËØ¼¯ºÏÖÐÿ¸öÔªËØ½ôÁÚµÄǰһ¸öͬ°ûÔªËØ£¬Í¨¹ýÑ¡ÔñÆ÷½øÐÐɸѡÊÇ¿ÉÑ¡µÄ¡£

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

Ïêϸ˵Ã÷

Èç¹û¸ø¶¨Ò»¸ö±íʾ DOM ÔªËØ¼¯ºÏµÄ jQuery ¶ÔÏó£¬.prev() ·½·¨ÔÊÐíÎÒÃÇÔÚ 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').prev().css('background-color', 'red');

Ç××ÔÊÔÒ»ÊÔ

´Ë´¦µ÷ÓõĽá¹ûÊǽ«ÏîÄ¿ 2 ÉèÖÃΪºìÉ«±³¾°¡£ÓÉÓÚÎÒÃÇδӦÓÃÑ¡ÔñÆ÷±í´ïʽ£¬Ç°Ò»¸öÔªËØºÜ×ÔÈ»µØ³ÉΪÁ˶ÔÏóµÄÒ»²¿·Ö¡£Èç¹ûÒÑÓ¦ÓÃÑ¡ÔñÆ÷£¬Ôò»áÔÚ°üº¬ÔªËØÖ®Ç°£¬¼ì²âÔªËØÊÇ·ñÆ¥ÅäÑ¡ÔñÆ÷¡£

VUE