jquery - 来自选定子项的数组跨越以逗号分隔的文本

Question

我需要在JQuery中生成这样的数组:

one,two,three,four

通过从多个<span>孩子中选择文本:

<div id="GROUP">
    <div><input value="somevalue"/><span>one</span></div>
    <div><input value="somevalue"/><span>two</span></div>
    <div><input value="somevalue"/><span>three</span></div>
    <div><input value="somevalue"/><span>four</span></div>
</div>

我试过这个:

$('html').find('#GROUP span').text();

但它加入所有文本没有空格:

onetwothreefour

我需要用逗号分隔文本

---

解决了

工作演示

Answer 1

尝试使用.map()以及.get()在数组中收集这些值,然后.join()使用您想要的任何字符的数组.

var text = $('#GROUP span').map(function(){ 
    return $(this).text(); 
}).get().join();

DEMO

附注:默认情况下,.join()将使用加入文本,.所以在我们的案例中没有必要指明.