获取类名，对其进行拆分，并将数组写入div

Question

我有一个栏，用户可以在其中切换"买家"。当用户选择其中一个买家时，jquery会执行addClass（"selectBuyerOn"）

当用户选择提交时，会出现一个新的div，我希望买方名称列表出现在那里。

        <div class="buyerNames">
           <div class="buyer b1">BUYERNAME ONE</div>
           <div class="buyer b2">BUYERNAME TWO</div>
           <div class="buyer b3">BUYERNAME THREE</div>
           ...
        </div>

所以我按className"selectBuyerOn"搜索

并将其放入数组并通过console.log 进行测试

到目前为止还不错。

var elemBuyerOn=document.getElementsByClassName("selectBuyerOn");
var arr=jQuery.makeArray(elemBuyerOn);
console.log(arr);

但现在我似乎无法将数组附加到div。

$(".listOfItems").append(arr);

我一定错过了一些简单的东西。

签名人："该死的Jim，我是用户体验设计师而非前端工程师"

Answer 1

您必须逐个添加数组中的值。这应该有效：

$.each(arr, function(index, value) {
$('.listofitems').append(arr[index]);
});

因此，基本上，对于数组中的每个项，都将其附加到项列表中。

Answer 2

您可以在该类上使用.map来获取买家列表，然后加入他们：

var buyers = $(".selectBuyerOn").map(function() {
    return $(this).text();
}).get().join(",");
//buyers is now a list of the selected buyers
$(".listOfItems").append(buyers);