我有一个看起来像这样的大型生成表单,label
标签位于 UL LI
标签之外
<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>
想要使用 jQuery 将 label
标记嵌套在 UL LI
中,并使表单看起来像这样
<ul class="formItem">
<li>
<label for="title">Title:</label>
<input type="text" value="">
</li>
</ul>
<ul class="formItem">
<li>
<label for="title">First Name:</label>
<input type="text" value="">
</li>
</ul>
我试过了,但这会获取表单上的每个 Label
标记并粘在第一个 li
中,我需要每个 Label 嵌套在 li
紧跟在它之后
(function($) {
jQuery(".formItem li").append(jQuery("#my-form label"));
})(jQuery);
最佳答案
$('ul.formItem').each(function () {
$(this).find('li').prepend($(this).prev('label'));
});
关于jquery - 将每个 html 元素嵌套到不同的 html block 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15399926/