应该如何在jQuery中更改DIV的ID

Question

我必须交换div。

交换工作正常（我正在使用 Jquery Swap 插件）。 交换后我也想交换 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);