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