jquery next nextAll nextUntil siblings的差異介紹_jquery

next：緊鄰$('')的一個元素

nextAll：在$('')以後的所有的同儕元素

nextUntil：until有直到。 。 。之前的意思，所以他表示$('')以後的所有的同儕元素，不過要在nextUntil參數之前，不包括匹配的元素本身

sibings:$('')前後的所有同輩元素

簡單理解就是，next就是找他的弟弟/妹妹，nextAll就是找他所有的弟弟/妹妹，nextUntil就是找比他小一定年紀的弟弟/妹妹，siblings就是找他所有的哥哥/姐姐，還有他的所有的弟弟/妹妹。所以同理的同輩關係，prev，prevAll ，prevUntil

下面是簡單的測試代碼

複製代碼代碼如下:

hhh

這是一個標題

這是一個test

這是一個test

這是一個test

這是一個test

hhha

這是一個test

這是一個test

<script> <BR>$(function(){ <BR>//$(' p:first').next().css('background','red'); <BR>//$('p:first').nextAll().css('background','yellow'); <BR>//$('p:first').nextUntil('div').css({'font-size':20,background:'red'}); <BR>//$('p: first').siblings().css('background','yellow'); <BR>}); <BR></script>