Как изменить идентификатор DIV в jQuery

Question

Я должен поменять местами div.

Обмен работает нормально (для этого я использую плагин Jquery Swap). После свопинга я тоже хочу поменять ID DIV.

Пожалуйста, найдите код 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

Я не уверен, какое именно поведение вашей функции требуется, но для изменения идентификатора должно работать следующее:

$(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

Настройте поведение события щелчка, используя этот фрагмент кода.в своем коде функции () вы уже получили доступ к этим элементам, поэтому вы можете напрямую получить доступ к идентификатору этих элементов.

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