//下一個後的所有同階層的標籤(不包含自身) //HTML <div id="divId"> <p>第一個div下的第一個p標籤</p> <p>第一個div下的第二個p標籤</p> <p>第一個div下的第三個p標籤</p> </div> <div id="divId2"> <p>第二個div下的p標籤</p> </div> <div id="divId3"> <p>第三個div下的第一個p標籤</p> <p>第三個div下的第二個p標籤</p> </div> //CODE //第一個div後的所有同階層標籤,設定框線css $("div#divId").nextAll().css("border", "1px #000 solid"); ※蘭さん:第一個div後面的所有同階層標籤,加上黑框線,也就是第2個和第3個div加上了黑框線。 //第一個div,設定紅框線css,接著後面的所有同階層標籤,設定黑框線css $("div#divId").css("border", "1px #F00 solid").nextAll().css("border", "1px #000 solid"); ※蘭さん:同第一個例子,只是第一個div先設定紅框線,之後再跑後面的標籤。 //所有div下的第一個p標籤,後面的同階層標籤,設定框線css $("div p:eq(0)").nextAll().css("border", "1px #000 solid"); ※蘭さん:所有div下是指3個div裡,所有的p的第一個,之後加上框線;結果是除了第一個外的p都加上框線?不,同階層裡無法跨越到另一個div裡,但是所有div下的p是共同計算索引值的,所以本例只有第一個div裡的第2和第3個p標籤是加上黑框線的。 //所有div下的第5個p標籤,後面的同階層標籤,設定框線css $("div p:eq(4)").nextAll().css("border", "1px #000 solid"); ※蘭さん:若是您瞭解上例的說法,那麼這個是哪邊會加上框線呢?沒錯!就是第3個div的第2個p標籤會加上框線。