在jquery中追加对象值

时间:2017-01-25 12:03:00

标签: jquery

<div class="col-xs-1 table-bordered text-sm-center"> <h6><label class="col-form-label small newvalues deduction">'+$.each( deductionname, function( i, val ) {console.log(val);return val + "<br>"  })+'</label></h6></div>\n\

我使用Jquery在我的页面上动态添加了这个,扣除的值就像这样

["SSS:1000", "GSIS:1000"]

我希望将价值放在彼此之上,但现在不是发生了什么事情我是这样的

SSS:1000,GSIS:1000

我没理解,因为我在动态添加值

时添加了<br>

我希望他们成为

SSS:1000,
GSIS:1000

1 个答案:

答案 0 :(得分:3)

问题是因为您要追加each()来电。 return值与您连接的字符串无关。相反,数组本身被强制转换为字符串,因此您可以看到普通的SSS:1000,GSIS:1000输出。

要解决此问题,您可以使用join()在连接字符串之前组合字符串的值。试试这个:

var deductionname = ["SSS:1000", "GSIS:1000"];
var str = '<div class="col-xs-1 table-bordered text-sm-center"> <h6><label class="col-form-label small newvalues deduction">' + deductionname.join(',<br />') + '</label></h6></div>';

$('div').html(str);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div></div>