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