<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
答案 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>