jQuery -> 擷取兄弟元?

標籤：blog   java   使用   strong   io   2014   art   cti   

擷取指定元素的兄弟元素時，能夠使用 adjacent sibling combinator (+)，當中 +的兩側內容都是selector expression.假設要擷取下例中全部的  h1的直接兄弟元素h2

<div>    <h1>Main title</h1>    <h2>Section title</h2>    <p>Some content...</p>    <h2>Section title</h2>    <p>More content...</p></div>

能夠直接使用

$('h1 + h2')   // Select ALL h2 elements that are adjacent siblings of H1 elements.

假設要過濾h1的兄弟元素，當然也能夠使用

$('h1').siblings('h2,h3,p');  // Select all H2, H3, and P elements that are siblings of H1 elements.

假設要擷取當前元素之後的全部兄弟元素，能夠使用 nextAll()比如，針對以下的html代碼

<ul>    <li>First item</li>    <li class="selected">Second Item</li>    <li>Third item</li>    <li>Fourth item</li>    <li>Fifth item</li></ul>

假設要擷取第二個條目之後的全部li元素，能夠使用例如以下代碼

$('li.selected').nextAll('li');

上例也能夠使用 general sibling combinator (~)來實現

$('li.selected ~ li');

擷取直接兄弟元素也能夠不使用selector，直接使用 next()．

var topHeaders = $('h1');topHeaders.next('h2').css('margin', '0);