2010-08-10 63 views
1

有點棘手的溝通,但希望這是有道理的。用jQuery添加一個周邊div?

我有8個格容器需要使用jQuery,像這樣的理想效果額外的div來包裝所有的偶數,

<div id="wrapper"> 
    <div id="content"> 
    </div></div> 

    <div id="content"> 
    </div> 

<div id="wrapper"> 
    <div id="content"> 
    </div></div> 

回答

9
$('div.content:even').wrap('<div class="wrapper"></div>'); 

注:我改變ID來上課,因爲你可以沒有多個具有相同ID的元素。

+0

甜,也用id的fyi – Rob 2010-08-10 20:07:43

+1

它也適用於id's,但是正如ken指出的那樣,不能有多個具有相同id的元素。這不是有效的HTML – 2010-08-11 08:44:31

0

不知道,但像這樣或許真的:

$('#continer:even').wrap('<div id="wrapper" />'); 

還要注意的是,由於只允許一個元素用相同的ID這將可能無法正常工作好。改爲改爲類。並使用'。'而不是選擇器中的'#'。

你爲什麼要這樣做?這是一個風格問題嗎?它可能可以使用CSS來解決。

..fredrik

編輯:看來,如果沒有編輯一個不能發佈的HTML代碼。肯的​​方式是做到這一點。