jQuery ±éÀú - nextUntil() ·½·¨
ʵÀý
²éÕÒ¸úËæ <dt id="term-2"> µÄͬ°ûÔªËØ£¬Ö±µ½ÏÂÒ»¸ö <dt>£¬È»ºó½«ËüÃÇÉèÖÃΪºìÉ«±³¾°É«¡£Í¬Ê±£¬ÕÒµ½¸úËæ <dt id="term-1"> µÄ <dd> ͬ°ûÔªËØ£¬Ö±µ½ <dt id="term-3">£¬²¢ÎªËüÃÇÉèÖÃÀ¶É«Îı¾ÑÕÉ«¡£
$("#term-2").nextUntil("dt")
.css("background-color", "red"); var term3 = document.getElementById("term-3"); $("#term-1").nextUntil(term3, "dd")
.css("color", "blue");
¶¨ÒåºÍÓ÷¨
nextUntil() »ñµÃÿ¸öÔªËØËùÓиúËæµÄͬ°ûÔªËØ£¬µ«²»°üÀ¨±»Ñ¡ÔñÆ÷¡¢DOM ½Úµã»òÒÑ´«µÝµÄ jQuery ¶ÔÏóÆ¥ÅäµÄÔªËØ¡£
Óï·¨ 1
.nextUntil(selector,filter)
²ÎÊý | ÃèÊö |
---|---|
selector | ×Ö·û´®Öµ£¬°üº¬Ö¸Ê¾Ôںδ¦Í£Ö¹Æ¥Åä¸úËæµÄͬ°ûÔªËØµÄÑ¡ÔñÆ÷±í´ïʽ¡£ |
filter | ×Ö·û´®Öµ£¬°üº¬ÓÃÓÚÆ¥ÅäÔªËØµÄÑ¡ÔñÆ÷±í´ïʽ¡£ |
Óï·¨ 2
.nextUntil(element,filter)
²ÎÊý | ÃèÊö |
---|---|
element | ָʾÔںδ¦Í£Ö¹Æ¥Åä¸úËæµÄͬ°ûÔªËØµÄ DOM ½Úµã»ò jQuery ¶ÔÏó¡£ |
filter | ×Ö·û´®Öµ£¬°üº¬ÓÃÓÚÆ¥ÅäÔªËØµÄÑ¡ÔñÆ÷±í´ïʽ¡£ |
Ïêϸ˵Ã÷
Èç¹û¸ø¶¨Ò»¸ö±íʾ DOM ÔªËØ¼¯ºÏµÄ jQuery ¶ÔÏó£¬.nextUntil() ·½·¨ÔÊÐíÎÒÃÇËÑË÷ DOM Ê÷ÖеÄÔªËØ¸úËæµÄͬ°ûÔªËØ£¬µ±Óöµ½±»¸Ã·½·¨µÄ²ÎÊýËùÆ¥ÅäµÄÔªËØÊ±»áÍ£Ö¹ËÑË÷¡£·µ»ØµÄРjQuery ¶ÔÏó°üº¬ËùÓиúËæµÄͬ°ûÔªËØ£¬µ«²»°üº¬±»²ÎÊýÆ¥ÅäµÄÔªËØ¡£
Èç¹ûÑ¡ÔñÆ÷²»Æ¥Åä»òδ¹æ¶¨Ñ¡ÔñÆ÷£¬Ôò»áѡȡËùÓиúËæµÄͬ°û£»Èç¹û²»Ìṩ¹©É¸Ñ¡µÄÑ¡ÔñÆ÷£¬Ôò¸Ã·½·¨Ñ¡È¡µÄÔªËØÓë .nextAll() ·½·¨Ïàͬ¡£
¶ÔÓÚ jQuery 1.6£¬DOM ½Úµã»ò jQuery ¶ÔÏ󣬶ø²»ÊÇÑ¡ÔñÆ÷£¬¿É´«µÝµ½ .nextUntil() ·½·¨¡£
¸Ã·½·¨½ÓÊÜ¿ÉÑ¡µÄÑ¡ÔñÆ÷±í´ïʽ×÷ΪÆäµÚ¶þ²ÎÊý¡£Èç¹ûÖ¸¶¨¸Ã²ÎÊý£¬Ôò½«Í¨¹ý¼ì²âÔªËØÊÇ·ñÆ¥Åä¸ÃÑ¡ÔñÆ÷À´É¸Ñ¡ËüÃÇ¡£