如何分配在JavaScript或jQuery的JS数组值每格？

Question

<script type="text/javascript"> 
    window.onload =init; 

    function init(){ 

     $rlt = [1, 0, 0]; 

     //How to assign value of $rlt to each div 
    } 

</script> 

     <div id="block1"></div> 
     <div id="block5"></div> 
     <div id="block7"></div> 

如何在JavaScript或jQuery的RLT分配给每个DIV的$价值？

最终的结果应该是：

 <div id="block1">1</div> 
     <div id="block5">0</div> 
     <div id="block7">0</div> 

Answer 1

一些事情，如：

var rlt = [1, 0, 0]; 

// Only if ID starts with block 
$("[id^=block]").each(function(index){ 
    if(!rtl[index]) return false; // Stop when out of index. 
    $(this).html(rlt[index]); 
}); 

Answer 2

在这里你去：

$('div').each(function (i) { 
    $(this).text($rlt[i]); 
}); 

现场演示：http://jsfiddle.net/pDwps/1/

或用常规的JavaScript：

[].forEach.call(document.getElementsByTagName('div'), function (div, i) { 
    div.textContent = $rlt[i]; 
}); 

现场演示：http://jsfiddle.net/pDwps/

Answer 3

var divs = getElementsByTagName('div'); 

for(var i = 0; i < $rlt.length && i < divs.length; i++) { 
    divs[i].innerHTML = $rlt[i]; 
} 

或者为jQuery替代：

var divs = $('div'); 

divs.each(function(i, div){ 
    div.innerHTML = $rlt[i]; 
}); 

Answer 4

这应做到：

$(document).ready(function() { 
    var $rlt = [1, 0, 0]; 
    $("div[id^=block]").each(function(i) { 
     $(this).html($rlt[i]); 
    }); 
}); 

Answer 5

假设你想数组值依次添加到每个你可以试试这个前提是你包括jQuery库到您的网页的div的。

$(document).ready(function() { 
    var $rlt = [1, 0, 0]; 
    $("div[id^=block]").each(function(i) { 
     $(this).html($rlt[i].toString()); 
    }); 
}); 

Answer 6

只需使用javascript即可轻松完成。这个小代码不需要jQuery。你可以避免使用jquery插件。

<script type="text/javascript"> 
window.onload = init; 
function init(){ 
var $rlt = [1, 0, 0]; 
document.getElementById("block1").innerHTML = $rlt[0]; 
document.getElementById("block5").innerHTML = $rlt[1]; 
document.getElementById("block7").innerHTML = $rlt[2]; 
} 
</script> 

检查小提琴这里：http://jsfiddle.net/Wk6m8/1/