jQuery获取具有特定类名的SPAN值

Question

好的。我的页面中有span 元素，如下所示。

    <span class="Jens">Bill Gates</span>
    <span class="noJens">Martin Reid</span>
    <span class="Jens">Jeff Bezos</span>
    <span class="Jens">Mark Zuckerberg</span>
    <span class="noJens">Nameless Dude</span>
    <span class="Jens">Jack Ma</span>
    <span class="Jens">Larry Ellison</span>

我想获取类名为Jens 的所有跨度值，并且需要用一些空格或中断来分隔这些值。

我设法通过提供以下代码来获取值。但是如何将每个条目用空格或中断分隔？

$("span[class='Jens']").text(); //Outputs Bill GatesJeff BezosMark ZuckerbergJack MaLarry Ellison

我可以通过迭代每个元素来实现所需的输出。但是有没有办法可以在上面的单个语句中用空格或\n 分隔每个条目？

Answer 1

您可以使用逗号分隔它们：

$('.Jens').map(function() { return $(this).text(); }).get().join();

Working Demo

在 join 方法中使用 \n 传递参数 \n 加入它们：

连接语法：array.join(separator)

$('.Jens').map(function() { return $(this).text(); }).get().join("\n")

Working Demo with \n