將數組值分配給頁面上的元素

我正在使用如下所示的拖放腳本。

$(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編號，所以最上面的一個會得到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腳本更新相應改變數據庫，但我需要一旦下降發生，就改變分數。

我希望這是有道理的。

來源

2011-09-16 madmatuk

這是一個簡單的例子，可以幫助你順利完成任務。 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')); /= 
});

來源

2011-09-16 16:47:48 Jack

對不起，沒有早點回來，這是我需要將事情分類的開始。感謝那：） – madmatuk

我不完全明白你爲什麼要操縱ID。

如果任何兩個元素在任何給定時間被分配了相同的ID，您可能會遇到衝突。

這將是最好做一些排序服務器端或代替JS中的序列化。

來源

2011-09-16 16:41:15

把這種類型的誤解作爲評論。不是一個答案 – zod

將數組值分配給頁面上的元素

回答

相關問題