jQueryでDIVのIDを変更する方法

Question

divを交換する必要があります。

スワップが正常に機能しています（これに対してJquery Swap Pluginを使用しています）。 スワップ後、DIVのIDも交換したいと思います。

JQueryコードを見つけてください。 DIV IDをどうやって交換すればいいか教えてください。

$(".arrowIMG").click(function() { 
        var arr = this.id.split("_"); 
        if(arr[0] == 'down'){ 

         var div1 = $('#'+'div_' +arr[1]); 
         var next = (parseInt(arr[1]) + 1); 
         alert(next) 
         var div2 = 'div_' + next; 

         div1.swap({ 
         target: div2, 
         opacity: "0.5", 
         speed: 1000, 
         callback: function() { 
         //Now Here i want to swap the id of div (div1 and dev2) 

         } 
        }); 

        }else if(arr[0] == 'up') { 
         alert('up'); 
        } 

       }); 

DIV IDを交換する方法を助けてください。

Answer 1

は、私はあなたの関数の所望の動作が正確にわからないんだけど作られた - しかし、次のようにIDを変更するには動作するはずです：

$(element).attr('id', 'new_id'); 

Answer 2

callback: function() { 

    var div2selector = $('#'+div2); //making both selectors in same format as div2='div_' + next 
    var tempid = div1.attr('id'); 
    div1.attr('id',div2selector.attr('id')); 
    div2selector.attr('id',tempid); 

        } 

EDIT：

DIV1とDIV2が同じ形式ではありません。非常に似

Answer 3

使用jQueryの.attr()の属性の値を取得します一致した要素のセットの最初の要素

<div id="my" > s,dfsd </div> 

<div id="src" class="div1">  
    src 
</div> 
<div id="dest" class="div2"> 
    dest 
</div> 

jQueryのコード：この

チェック

$("#my").attr('id','mynewid'); 
$("#mynewid").html("this new content"); 

var temp = $(".div1").attr('id'); 
$(".div1").attr('id',$(".div2").attr('id')); 
$(".div2").attr('id', temp); 

このjsFiddle

は、このコードスニペットを使用して、あなたのクリックイベントの挙動を調整し確認してください。あなたのfunction（）コードではすでにそれらの要素にアクセスしているので、それらの要素のidに直接アクセスすることができます。

var temp = div1.attr('id'); 
    div1.attr('id',div2.attr('id')); 
    div2.attr('id', temp);