将数组值分配给页面上的元素

Question

我对 jQuery 还是有点陌生​​，需要一些帮助。

我正在使用如下拖放脚本。

$(document).ready(function() {
    $(function() {

        $("#contentLeft ul").sortable({
            opacity: 0.6,
            cursor: 'move',
            update: function() {

                var order = $(this).sortable("serialize") + '&action=updateRecordsListings';

                $.post("updateDB.php", order, function(theResponse) {

                    $("#contentRight").html(theResponse);

                });

            }

        });

    });

}); 

一旦拖放完成并且 php 服务器端脚本已解析，theResponse 就会包含一个如下所示的动态数组。

Array
(
    [0] => 3
    [1] => 4
    [2] => 1
    [3] => 2
)

我需要做的是一旦我得到响应 - 重命名相应 div 的 div id，因此顶部的将得到 QuestionOrder_0，下一个 QuestionOrder1 下一个 QuestionOrder2 等等。

页面加载时的 div 是动态创建的，如下所示。

<div id="questionOrder_0" class="questionHolder"> ...some stuff here ... </div>
<div id="questionOrder_1" class="questionHolder"> ...some stuff here ... </div>
<div id="questionOrder_2" class="questionHolder"> ...some stuff here ... </div>
<div id="questionOrder_3" class="questionHolder"> ...some stuff here ... </div>

但是一旦我拖放了它，如果我将 div #questionOrder3 移动到顶部，就会像这样：

<div id="questionOrder_3" class="questionHolder"> ...some stuff here ... </div>
<div id="questionOrder_0" class="questionHolder"> ...some stuff here ... </div>
<div id="questionOrder_1" class="questionHolder"> ...some stuff here ... </div>
<div id="questionOrder_2" class="questionHolder"> ...some stuff here ... </div>

php 脚本更新的数据库会相应更改，但一旦发生拖放，我需要实时更改 div id。

我希望这是有道理的。

Answer 1

这是一个简单的示例，可以帮助您上手。 http://jsfiddle.net/LcK8G/5/

var a = ['a','b','c','d'];
//loop through each div, change selector for your needs
$('div').each(function(i,el){
    $el = $(el); //grab this iterations element and make a jQuery object out of it
    $el.attr('id',a[i]); //change the elements id based on this iterations index
    //this just displays the id for you to see how it is working, would be removed later
    $el.text($el.attr('id')); /=
});

Answer 2

我不太明白你为什么要操纵 ID。

如果在任何给定时间为任何两个元素分配相同的 ID，则可能会遇到冲突。

最好在服务器端进行一些排序或代替 JS 中的序列化。