把各种元素从一个数组中的一个段落

我有一个JSON的一些元素和分支我有一个汽车阵列名为把各种元素从一个数组中的一个段落

for(var i=0;i<itemsArray;i++) 
    {  
     $('.red').append('<p class="col-xs-2 no-padding text-format">' + item[i].cars + '</p>'); 
    }

如何排列的样子：

"cars": ["dawdawd","wadwad","wadwad","wad"];

我需要什么是把这个数组中的每一个元素放在一个像我用append一样的段落上;

例如：

<p class="col-xs-2 no-padding text-format">dawdawd</p> 
<p class="col-xs-2 no-padding text-format">wadwad</p>

编辑：

完整阵列：

"description": "asdasd", 
"name": "geaaar", 
"shop": "http://google.com", 
"date": "2016-12-31T00:00:00.000Z", 
"cars": [ 
      "dawdawd", 
      "wadwad", 
      "wadwad", 
      "wad" 
     ], 




    var itemsArray = data.data.my_Array.length; //length of the array

来源

2017-04-17 sosoup

什么是'itemsArray'的内容？ 'cars'数组或json数据？ – Mohammad

您应该使用length属性以iterate数组项。

for(var i=0;i<itemsArray.length;i++) 
         ^^^^^^^^ 
{  
    $('.red').append('<p class="col-xs-2 no-padding text-format">' + itemsArray[i].cars + '</p>'); 
}

此外，您还可以使用forEach方法，其作为paramaeter一个回调函数。

itemsArray.forEach(function(item){ 
    $('.red').append('<p class="col-xs-2 no-padding text-format">' + item.cars + '</p>'); 
});

来源

2017-04-17 18:59:34

嗨，我的罗马尼亚:)。我使用.length来迭代..但我有更多的元素.. – sosoup

您可以使用'forEach'方法接受回调函数，如参数。 –

更好的是使用迭代器函数，如['Array＃forEach']（https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach），而没有担心“长度”和“增量”和“获取”值。如果您的浏览器是旧的，jQuery甚至会附带['each']（http://api.jquery.com/jquery.each/）方法。 – Xotic750

尝试

var paras =''; 
for(var i=0;i<itemsArray.length;i++) { 
    paras += '<p>'+itemsArray[i]+'</p>'; 
}

循环后，

$('.red').html(paras);

来源

2017-04-17 19:03:33 RemyaJ

var obj = { 
 
    "description": "asdasd", 
 
    "name": "geaaar", 
 
    "shop": "http://google.com", 
 
    "date": "2016-12-31T00:00:00.000Z", 
 
    "cars": [ 
 
    "dawdawd", 
 
    "wadwad", 
 
    "wadwad", 
 
    "wad" 
 
    ] 
 
}; 
 

 
var $container = $(".red"); 
 
obj.cars.forEach(function(car) { // for each car in obj.cars array 
 
    $container.append("<p>" + car + "</p>"); // add the car as a paragraph inside the div .red 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div class="red"></div>

来源

2017-04-17 19:10:44

阵列上使用join。

var obj = { 
 
    "description": "asdasd", 
 
    "name": "geaaar", 
 
    "shop": "http://google.com", 
 
    "date": "2016-12-31T00:00:00.000Z", 
 
    "cars": [ 
 
    "dawdawd", 
 
    "wadwad", 
 
    "wadwad", 
 
    "wad" 
 
    ] 
 
}; 
 

 
$('.red').append(obj.cars.length ? '<p>' + obj.cars.join('</p><p>') + '</p>' : '');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div class="red"></div>

来源

2017-04-17 19:24:50 gforce301

把各种元素从一个数组中的一个段落

回答

相关问题