jquery - 在 jquery 中附加对象值

Question

<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"]

我希望将值(value)放在彼此之上，但现在发生的事情不是我变成这样

SSS:1000,GSIS:1000

我不明白，因为我添加了 <br>关于动态添加值

我希望他们成为

SSS:1000,
GSIS:1000

Answer 1

问题是因为您附加了 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>