我有一個元素列表,我想在頁面加載後使用標題div將它們分開。所以,下面的代碼,使用jQuery來環繞元素組
<div class="header">Header 1</div>
<div class='test'>Test 1</div>
<div class='test'>Test 2</div>
<div class='test'>Test 3</div>
<div class="header">Header 2</div>
<div class='test'>Test 4</div>
<div class='test'>Test 5</div>
<div class='test'>Test 6</div>
<div class='test'>Test 7</div>
<div class='test'>Test 8</div>
<div class="header">Header 3</div>
<div class='test'>Test 9</div>
<div class='test'>Test 10</div>
<div class='test'>Test 11</div>
<div class='test'>Test 12</div>
<div class="header">Header 4</div>
<div class='test'>Test 13</div>
<div class='test'>Test 14</div>
會成爲,
<div class='wrap'>
<div class="header">Header 1</div>
<div class='test'>Test 1</div>
<div class='test'>Test 2</div>
<div class='test'>Test 3</div>
</div>
<div class='wrap'>
<div class="header">Header 2</div>
<div class='test'>Test 4</div>
<div class='test'>Test 5</div>
<div class='test'>Test 6</div>
<div class='test'>Test 7</div>
<div class='test'>Test 8</div>
</div>
<div class='wrap'>
<div class="header">Header 3</div>
<div class='test'>Test 9</div>
<div class='test'>Test 10</div>
<div class='test'>Test 11</div>
<div class='test'>Test 12</div>
</div>
<div class='wrap'>
<div class="header">Header 4</div>
<div class='test'>Test 13</div>
<div class='test'>Test 14</div>
</div>
任何想法?提前致謝。
同意!不是一個好主意,在這裏沒有理由使用jQuery。 – doomspork 2009-08-01 23:02:59
即使你走低谷與此,我會建議改變它不頭,而不是while.hasClass('測試')... 標頭之間的元素並不是必須的都具有相同的類(他們在這個例子,但誰知道真正的代碼說什麼) – Sander 2009-08-02 00:41:18
哦,如果頭是實際創建serverside,那麼我確實會在服務器端做包裝div。 但你可以有一個員工畫廊頁面 ,當你點擊一個過濾器按鈕的排序,按辦公室位置分組他們可以動態地將所有的人員從辦公室1添加到包裝(與頭div添加)和從辦公室2人到包裝等... 但問題的方式,讓我覺得頭是印在服務器端,所以我會覺得奇怪不做包裝服務器端太。 – Sander 2009-08-02 00:47:35