Question

我有一个酒吧，用户可以在其中切换＆＃34;买家＆＃34;。当用户选择其中一个买家时，jquery会执行addClass（＆＃34; selectBuyerOn＆＃34;）

当用户选择提交时，会出现一个新的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＆＃34; selectBuyerOn＆＃34;

搜索

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

到目前为止一切顺利。

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

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

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

我必须在这里遗漏一些简单的东西。

签名：＆＃34;该死的Jim，我是一名UX设计师而不是前端工程师＆＃34;

Answer 1

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

var buyers = $(".selectBuyerOn").map(function() {
    return $(this).text();
}).get().join(",");

//buyers is now a list of the selected buyers

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

Answer 2

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

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

基本上，对于数组中的每个项目，将其附加到listofitems。

获取类名，拆分它并将数组写入div

2 个答案: