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

ʵÀý

²éÕÒ <li class="item-a"> µÄ׿ÏÈÔªËØ£¬Ö±µ½ <ul class="level-1">£¬²¢½«ËüÃÇÉèÖÃΪºìÉ«±³¾°¡£Í¬Ê±£¬ÕÒµ½ <li class="item-2"> µÄËùÓÐÀàÃûΪ "yes" µÄ׿ÏÈÔªËØ£¬Ö±µ½ <ul class="level-1">£¬È»»§ÎªËüÃÇÉèÖÃÀ¶É«±ß¿ò£º

$("li.item-a").parentsUntil(".level-1")
  .css("background-color", "red");

$("li.item-2").parentsUntil( $("ul.level-1"), ".yes" )
  .css("border", "3px solid blue");

Ç××ÔÊÔÒ»ÊÔ

¶¨ÒåºÍÓ÷¨

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

Óï·¨ 1

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

Óï·¨ 2

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

Ïêϸ˵Ã÷

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

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

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

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

VUE