1

divにいくつかの入力があります。以下のようです：

<div name="emailInput">
      <input type="text" name="email_1" /></div>
<div name="phoneInput">
      <input type="text" name="phone_number_1"   /></div>

<div name="emailInput">
      <input type="text" name="email_2"   /></div>
<div name="phoneInput">
      <input type="text" name="phone_number_2" /></div>

<div name="emailInput">
      <input type="text" name="email_3"  /></div>
<div name="phoneInput">
      <input type="text" name="phone_number_3" /></div>

ただし、場合によっては、入力の順序を変更する必要があります。具体的には、メールと電話の場所を入れ替えたいと思います。結果は次のようになります。

<div name="emailInput">
      <input type="text" name="phone_number_1" /></div>
<div name="phoneInput">
      <input type="text" name="email_1"   /></div>

<div name="emailInput">
      <input type="text" name="phone_number_2"   /></div>
<div name="phoneInput">
      <input type="text" name="email_2" /></div>

<div name="emailInput">
      <input type="text" name="phone_number_3"  /></div>
<div name="phoneInput">
      <input type="text" name="email_3" /></div>

私の目標を達成するために、jqueryコードを記述します。

$('div[name^= emailInput]').insertBefore('div[name^= phoneInput]');

このコードは、各emailInputsdivの前にphoneInputsdiv全体を交換しました。divを1つずつ交換するにはどうすればよいですか？（入力の数は不明です）

また、

  $('input[name^= email]').insertBefore('input[name^= phone_number]');

動作しません。

4

3 に答える 3

0

私はこれを試していません..しかし、私はそれが次のようなものであるべきだと思います:

$('div[name=^ emailInput]').each(obj, function(i, val) {
      obj.insertBefore('div[name^= phoneInput]');

    });
于 2012-09-11T16:51:54.173 に答える
0

セレクタ グループ全体ではなく、個別に操作する必要があります。 

 $('div[name^="emailInput"]').each(function(){
      var previousPhoneInput = $(this).prev("div[name^='phoneInput']");
      $(this).remove().insertBefore(previousPhoneInput);
    });
于 2012-09-11T16:53:45.943 に答える
0

これを試して：

$('input[name^="phone_number"]').each(function(){
   var $this = $(this);
   var $prev = $this.parent().prev()
   $prev.find('input').insertAfter($this);
   $this.appendTo($prev)    
})

http://jsfiddle.net/PnT4Q/1/

div タグの位置を変更することもできます。

$('div[name="phoneInput"]').each(function(){
  var $this = $(this);
  $this.insertBefore($this.prev())   
})
于 2012-09-11T16:58:31.853 に答える