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

ʵÀý

²éÕÒ <dt id="term-2"> ֮ǰµÄͬ°ûÔªËØ£¬Ö±µ½Ç°Ò»¸ö <dt>£¬²¢½«ËüÃÇÉèÖÃΪºìÉ«¡£Í¬Ê±£¬²éÕÒ <dt id="term-3"> Ç°ÃæµÄ <dd> ͬ°û£¬Ö±µ½ <dt id="term-1">£¬²¢°ÑËüÃÇÉèÖÃΪÀ¶É«Îı¾£º

$("#term-2").prevUntil("dt").css("background-color", "red");
var term1 = document.getElementById('term-1');
$("#term-3").prevUntil(term1, "dd").css("color", "green");

Ç××ÔÊÔÒ»ÊÔ

¶¨ÒåºÍÓ÷¨

prevUntil() ·½·¨»ñµÃµ±Ç°Æ¥ÅäÔªËØ¼¯ºÏÖÐÿ¸öÔªËØµÄÇ°ÃæµÄͬ°ûÔªËØ£¬µ«²»°üÀ¨±»Ñ¡ÔñÆ÷¡¢DOM ½Úµã»ò jQuery ¶ÔÏóÆ¥ÅäµÄÔªËØ¡£

Óï·¨ 1

.prevUntil(selector, filter)
²ÎÊý ÃèÊö
selector ¿ÉÑ¡¡£×Ö·û´®Öµ£¬°üº¬Ö¸Ê¾Ôںδ¦Í£Ö¹Æ¥Åäǰ·½Í¬°ûÔªËØµÄÑ¡ÔñÆ÷±í´ïʽ¡£
filter ¿ÉÑ¡¡£×Ö·û´®Öµ£¬°üº¬ÓÃÓÚÆ¥ÅäÔªËØµÄÑ¡ÔñÆ÷±í´ïʽ¡£

Óï·¨ 2

.prevUntil(element, filter)
²ÎÊý ÃèÊö
element ¿ÉÑ¡¡£Ö¸Ê¾Ôںδ¦Í£Ö¹Æ¥Åäǰ·½Í¬°ûÔªËØµÄ DOM ½Úµã»ò jQuery ¶ÔÏó¡£
filter ¿ÉÑ¡¡£×Ö·û´®Öµ£¬°üº¬ÓÃÓÚÆ¥ÅäÔªËØµÄÑ¡ÔñÆ÷±í´ïʽ¡£

Ïêϸ˵Ã÷

Èç¹û¸ø¶¨Ò»¸ö±íʾ DOM ÔªËØ¼¯ºÏµÄ jQuery ¶ÔÏó£¬.prevUntil() ·½·¨ÔÊÐíÎÒÃÇÔÚ DOM Ê÷ÖÐËÑË÷ÕâÐ©ÔªËØÇ°ÃæµÄͬ°ûÔªËØ£¬Ö±µ½Óöµ½±»Ñ¡ÔñÆ÷£¨´«µÝµ½·½·¨ÖеIJÎÊý£©Æ¥ÅäµÄÔªËØÎªÖ¹¡£·µ»ØµÄ jQuery жÔÏó°üº¬ËùÓÐÇ°ÃæµÄͬ°ûÔªËØ£¬µ«²»°üÀ¨ÓÉ .prevUntil() ·½·¨¹æ¶¨µÄÑ¡ÔñÆ÷Æ¥ÅäµÄÄǸöÔªËØ£»Ëù·µ»ØÔªËصÄ˳ÐòÊÇ´Ó×î½üµÄͬ°ûÔªËØµ½×îÔ¶µÄÄǸö¡£

Èç¹û²»Æ¥Åä»òδӦÓÃÑ¡ÔñÆ÷£¬Ôò½«Ñ¡ÇøËùÓÐÇ°ÃæµÄͬ°ûÔªËØ£»ÔÚÕâÖÖÇé¿öÏ£¬¸Ã·½·¨Ñ¡È¡µÄÔªËØÓëδÌṩѡÔñÆ÷ʱµÄ .prevAll() Ïàͬ¡£

¶ÔÓÚ jQuery 1.6£¬DOM ½Úµã»ò jQuery ¶ÔÏ󣬶ø²»ÊÇÑ¡ÔñÆ÷£¬¿ÉÓÃ×÷ .prevUntil() ·½·¨µÄµÚÒ»¸ö²ÎÊý¡£

¸Ã·½·¨½ÓÊÜ¿ÉÑ¡µÄÑ¡ÔñÆ÷±í´ïʽ×÷ΪÆäµÚ¶þ²ÎÊý¡£Èç¹ûÓ¦ÓÃÕâ¸ö²ÎÊý£¬Ôò½«Í¨¹ý¼ì²âÔªËØÊÇ·ñÆ¥Åä¸ÃÑ¡ÔñÆ÷¶ÔÔªËØ½øÐÐɸѡ¡£

VUE