2015-11-07 149 views
0

我有一個包含輸入複選框的內聯列表項的大UL。jquery元素後關閉元素並重新打開新元素

http://jsfiddle.net/G3uyA/12/

目前,此刻我試圖把它分解成使用jQuery組。

這是怎麼看起來像以前一樣......

enter image description here

我試圖通過特定元素後的字符串</ul><ul class="gfield_checkbox checkbox">在增加分解成組。所以它看起來像這樣:

enter image description here

但我使用任何jQuery的功能似乎添加此字符串,但修改字符串來完成的元素,打破我的佈局。

這裏是我的代碼:

function group_series() { 

    var motogp = $('.gchoice_2_6_3'); 
    var sbk = $('.gchoice_2_6_6'); 
    var road = $('.gchoice_2_6_8'); 
    var mx  = $('.gchoice_2_6_13'); 

    $(motogp,sbk,road,mx).after('</ul><ul class="gfield_checkbox checkbox">'); 

}; 

$("#go").click(function() { 
    group_series(); 
}); 

我所試圖實現的是每個後砸HTML刺斷,我聲明瓦爾這些元素。

任何人都可以請求也許關閉備用清潔解決方案的幫助?

+0

你的小提琴不起作用,因爲那裏不是一個帶有gform_2 id的元素。不是當然你的問題的解決方案,但可能有助於任何人試圖測試它 – Vincent

+0

感謝您指出,是從我的網站上發現的。不,它仍然把我的字符串變成2個元素,並忽略最後兩個或三個元素 – joshmoto

+0

請在你的問題中包含HTML,當JS Fiddle跌倒,死亡或重組它的內容時,這個問題仍然對其他人有用未來。 –

回答

0

你可以完全避免使用一些CSS3的JavaScript。

首先切換到浮動,而不是inline-block的象下面這樣:

.gfield_checkbox > LI { 
    float:left; 
    margin-left: 10px; 
} 

然後清除浮動每3

.gfield_checkbox > LI:nth-of-type(3n+1) { 
    clear:both; 
} 

更新Fiddle

+0

你不知道我會依賴CSS3多少,但我的客戶端和主要用戶仍然使用IE8。無論如何,我的分組非常具體,而不僅僅是每三個元素。謝謝你的想法。 – joshmoto