遍历数组并将每个值附加到列表中

Iterate through array and append each value into list

本文关键字：列表 数组 遍历      更新时间：2023-09-26
<ul>
<li></li>  
<li></li>   
<li></li>   
<li></li>   
<li></li>    
</ul>
var obj = { one:1, two:2, three:3, four:4, five:5 };
 var list = $("div");
    jQuery.each(obj, function(i, val) {
  list.html( val);
});

我正在尝试遍历此数组并将每个值附加到列表项中，以便它如下所示：

<ul>
<li>1</li>  
<li>2</li>   
<li>3</li>   
<li>4</li>   
<li>5</li>   
</ul>

我的问题是代码只应用数组中的最后一项：5。

不知道我做错了什么。

使用元素的值来定位它应该放置li：

$.each( obj, function( i, v ) {
  $("ul li").eq(v-1).html(v);
});

演示：http://jsfiddle.net/3RAQC/

结果如下：

<ul>
    <li>1</li>  
    <li>2</li>   
    <li>3</li>   
    <li>4</li>   
    <li>5</li>    
</ul>

你既没有<div>，<ul>。你没有数组，而是一个对象（可以称为关联数组，好吧）。然后选择一个元素，并在每次迭代中（重新）设置其内容，以便仅显示最后一个值。更好：

var ul = $('ul').empty();
$.each(obj, function(prop, val) {
    ul.append("<li>"+val+"</li>");
    // or better:
    $("<li>").text(val).appendTo(ul); // ?
});

use list.append（val） not list.html（val）

.append（） 添加到 html 内容中，而.html总是用参数替换整个 html 值。

相关文章：