Javascript：將對象值數組放入div

Question

我想將幾個div的屬性（文本長度和樣式）存儲到數組中。 然后，我想根據div文本長度將樣式鍵的值放在其他div中。

$("#blocks .block span").each(function() {
     blockspansizes.push({length: $(this).text().length, style:$(this).attr("style")});              
});//text lengths are all different.


$(".newblocks span").each(function() {
         textlength = (this).text().length
 //if textlength matches one length value from array, get its corresponding style from the same object.
    });

Answer 1

您不能像這樣推送到數組，然后比較值。 您可以使用鍵/值對來做到這一點：

$("#blocks .block span").each(function() {
   blockspansizes[$(this).text().length]=$(this).attr("style");              
 });//text lengths are all different.


$(".newblocks span").each(function() {
     textlength = (this).text().length;
      //if textlength matches one length value from array, get its corresponding style from  the      same object.
     if(blockspansizes.indexOf(textlength) > -1){
        //do something with blockspansizes[textlength]
     }

});

Answer 2

謝謝您的幫助。 這是我設法使其工作的方法：

    blockspansizes = new Array();
$("#blocks .block span").each(function() {
    blockspansizes.push({length: $(this).text().length, style:$(this).attr("style")});               
});

$(".newblock span").each(function() {
    textlength = $(this).text().length;
    result = $.grep(blockspansizes, function(e){ return e.length == textlength; });
    $(this).attr("style", result[0].style);
});