在每个类复制后添加逗号并删除空格

Question

我不明白如何在每个类被复制后添加逗号，我使用for循环，但它给出了比我想要的更多不同的输出。有大约9个div类的。name，所以当每个复制我想添加逗号和删除额外的空间。

这是我的代码部分:

const A = $('.tag-container.field-name').map((i, section) => {
let B = $(section).find('.name')
return B.text()
})
.get(2)
console.log(A) 

Answer 1

使用trim和join:

$(css).get().map(el => $(el).text().trim()).join(', ')

Answer 2

这里需要做两件事。

从字符串的左侧或右侧删除任何空白(例如:从" foo "到"foo")，可以使用String.trim()法。

关于第二点，我假设在添加逗号时，您希望得到一个用逗号分隔的类名字符串，如"foo,bar,baz"。您已经使用的.map方法将返回一个数组。您可以使用Array.join()方法将数组的元素连接为字符串。join方法接受一个参数，该参数指定在每个元素之间使用的字符串。

把这些放在一起，你就会得到这样的结果:

const A = $(".tag-container.field-name")
.map((i, section) => {
let B = $(section).find(".name");
return B.text().trim(); // Note use of trim
})
.join(',') // Join all elements of the array with the `,` character
console.log(A);
// Something like `"foo,bar,baz"`