0

私はこのように見える大きな生成されたフォームを持っています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>

label使用しているjQuery内にタグをネスト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ネストする必要がありますli

(function($) {
 jQuery(".formItem li").append(jQuery("#my-form label"));
})(jQuery);
4

2 に答える 2

2 
$('ul.formItem').each(function () {
    $(this).find('li').prepend($(this).prev('label'));
});

jsFiddleの例

于 2013-03-14T02:11:45.903 に答える
1

eachループを使用する必要があります。

$('#my-form label').each(function(index) {
    $('.formItem li').eq(index).prepend(this);
});
于 2013-03-14T02:10:01.677 に答える