jquery元素後關閉元素並重新打開新元素

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

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

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

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

但我使用任何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刺斷，我聲明瓦爾這些元素。

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

來源

2015-11-07 joshmoto

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

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

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

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

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

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

然後清除浮動每3

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

更新Fiddle

來源

2015-11-07 11:25:19 AbstractChaos

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

jquery元素後關閉元素並重新打開新元素

回答

相關問題