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元素后关闭元素并重新打开新元素

回答

相关问题