jQuery中的next()函數(shù)可以用于獲取當(dāng)前元素的下一個(gè)同級(jí)元素。例如:
<ul> <li>Item 1</li> <li class="highlighted">Item 2</li> <li>Item 3</li> </ul> $('.highlighted').next().css('background-color', 'red');
代碼中的.highlighted項(xiàng)是一個(gè)帶有class為highlighted的li元素,使用next()獲取它的下一個(gè)兄弟元素(在這個(gè)例子中是<li>Item 3</li>)。然后設(shè)置被選中元素的背景顏色為紅色。
類似的,還有nextAll()和nextUntil()函數(shù),它們可以用于獲取元素的所有下一個(gè)兄弟元素,或者直至某元素為止。例如:
<ul> <li>Item 1</li> <li class="highlighted">Item 2</li> <li>Item 3</li> <li>Item 4</li> <li>Item 5</li> <li>Item 6</li> </ul> $('.highlighted').nextAll().css('font-weight', 'bold');
代碼中的.nextAll()返回.highlighted元素后面的所有兄弟元素(包括它自己),并將它們的字體粗體顯示。
<ul> <li>Item 1</li> <li class="highlighted">Item 2</li> <li>Item 3</li> <li class="important">Item 4</li> <li>Item 5</li> <li>Item 6</li> </ul> $('.highlighted').nextUntil('.important').css('color', 'blue');
代碼中的.nextUntil()返回_highlighted元素后面直到.important元素之前的所有兄弟元素, 并將它們的字體顏色設(shè)置為藍(lán)色。
下一篇mysql中求及格率