Javascript 将div中的字符串与同一类连接起来

Javascript 将div中的字符串与同一类连接起来,javascript,html,loops,for-loop,each,Javascript,Html,Loops,For Loop,Each,我有以下代码 function sendData(){ console.log($(".MultiFile-title").text()) } 多个标题的结果是: file1.txtfile2.txtfile3.txt 我需要的是输出 file1.txt、file2.txt、file3.txt 我相信a FOR EACH循环在这里是最好的,但是我如何编写它来从每个div中获得类名为“Militile title”的文本呢?有什么帮助吗?您可以尝试: function sendData(){

我有以下代码

function sendData(){
console.log($(".MultiFile-title").text())
}
多个标题的结果是:

file1.txtfile2.txtfile3.txt

我需要的是输出

file1.txt、file2.txt、file3.txt

我相信a FOR EACH循环在这里是最好的,但是我如何编写它来从每个div中获得类名为“Militile title”的文本呢?有什么帮助吗?

您可以尝试:

function sendData(){
    var result = [];
    $('.MultiFile-title').each(function () {
        result.push($(this).text());
    });

    result = result.join(', ');

    console.log(result);
}
这将创建一个临时数组,并在页面上的所有
“.MultiFile title”
s中循环,将每个项目
文本
推送到数组中

循环完成后,它使用字符串
,“
作为胶水将字符串连接在一起。

您可以尝试:

function sendData(){
    var result = [];
    $('.MultiFile-title').each(function () {
        result.push($(this).text());
    });

    result = result.join(', ');

    console.log(result);
}
这将创建一个临时数组,并在页面上的所有
“.MultiFile title”
s中循环,将每个项目
文本
推送到数组中

循环完成后,它使用字符串
,“
作为胶水将字符串连接在一起。

您可以尝试:

jQuery(".MultiFile-title").map(function(i, v){return jQuery(v).text().trim()});
您可以尝试:

jQuery(".MultiFile-title").map(function(i, v){return jQuery(v).text().trim()});

你太棒了。确实如此。非常感谢。您可以使用
.map()
->
$('.MultiFile title').map(函数(){return$(this.text();}).get().join(“,”)
这是一种“简化”,还是将代码压缩成一行?有时这不是最好的方法——特别是当你试图向初学者阐明一个例子时。你不能在评论中使用换行符——这是使用“一行”的唯一原因;)关于.Hmm,map函数也非常有用(刚才在jQueryAPI中看到过)。直到现在我才听说它,但将来将实施它。也谢谢你。我将接受.each()解决方案作为主要答案。谢谢你们,你们太棒了。确实如此。非常感谢。您可以使用
.map()
->
$('.MultiFile title').map(函数(){return$(this.text();}).get().join(“,”)
这是一种“简化”,还是将代码压缩成一行?有时这不是最好的方法——特别是当你试图向初学者阐明一个例子时。你不能在评论中使用换行符——这是使用“一行”的唯一原因;)关于.Hmm,map函数也非常有用(刚才在jQueryAPI中看到过)。直到现在我才听说它,但将来将实施它。也谢谢你。我将接受.each()解决方案作为主要答案。谢谢你们两位。