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); 

        } 

는 편집 :

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);