如何为给定数组创建span列表

假设我有一个看起来像这样的对象：

var users = ['user1', 'user2']; 

对于这个对象，我想创建一个像这样的跨度列表：

 "user1user2" 

我确实尝试了以下代码

 $('').text(users); 

但它没有正常工作，任何想法？

Answer 1

这可行：

 var users = ['user1', 'user2']; $.each(users, function() { $("", { text : this }).appendTo("body"); }); 

Answer 2

假设users只应包含字符串，请尝试以下操作：

 var users = ['user1', 'user2']; for (var i = 0; i < users.length; i++) { $("").text(users[i]).appendTo("body"); }; 

示例小提琴

Answer 3

您还可以使用Array.map方法：

 ['user1', 'user2'].map( function(a){ $('').html(a).appendTo($('body')); return a; } ); 

甚至更短：

 $(['user1','user2'].map(function(a){return ''+a+''}).join('')) .appendTo('body'); 

甚至是Array.filter ;）

 ['user1', 'user2'].filter( function(a){ $('').html(a).appendTo($('body')); return true; } ); 

或jQuery.each在从Array派生的jQuery对象上

 $(['user1', 'user2']).each( function(i,a){ $('').html(a).appendTo($('body')); return true; } );