Jquery 将每个html元素嵌套到不同的html块中
我有一个大的生成表单,看起来像这样,在Jquery 将每个html元素嵌套到不同的html块中,jquery,html,css,Jquery,Html,Css,我有一个大的生成表单,看起来像这样,在ulli标签的外面有label标签 <label for="title">Title:</label> <ul class="formItem"> <li> <input type="text" value=""> </li> </ul> <label for="title">First Name:</label> <ul cla
ulli
标签的外面有label
标签
<label for="title">Title:</label>
<ul class="formItem">
<li>
<input type="text" value="">
</li>
</ul>
<label for="title">First Name:</label>
<ul class="formItem">
<li>
<input type="text" value="">
</li>
</ul>
我尝试了这个方法,但它会在表单上获取每个标签
并粘贴在第一个li
,我需要每个标签直接嵌套在li
后面
(function($) {
jQuery(".formItem li").append(jQuery("#my-form label"));
})(jQuery);
您必须在每个循环中使用一个
:
$('#my-form label').each(function(index) {
$('.formItem li').eq(index).prepend(this);
});
您必须在每个
循环中使用一个:
$('#my-form label').each(function(index) {
$('.formItem li').eq(index).prepend(this);
});
@Blender-的确如此。“谢谢你!”搅拌机——真的。谢谢
$('ul.formItem').each(function () {
$(this).find('li').prepend($(this).prev('label'));
});