Javascript在<span>元素中获取文本

Question

我需要获取元素内的文本.

我只能抓住这个元素的类而不是ID.

<span class="fileName">test.png</span>

所以我需要一种方法来获取test.png,但正如你所看到的,我只有元素的类而不是ID.

请注意我们可能有更多<span class="fileName"></span>,所以它可能看起来像这样

<span class="fileName">test1.png</span>
<span class="fileName">test2.png</span>
<span class="fileName">test3.png</span>
<span class="fileName">test4.png</span>

在我们有更多的情况下,如上面的例子,我需要获取所有值而不仅仅是一个,因为我需要将此值传递给另一个使用jQuery的页面.所以它应该能够从该元素中获得一个或多个值.

请帮忙!

而且我也不是一个JavaScript专家!

Answer 1

var filenames = $('.fileName').map(function(){
    return $(this).text();
}).get();

该数组filenames将包含图像的所有名称.您可以将此数组传递给另一个jQuery函数,或者您想要的其他任何地方.

你可以在这里测试»

更新

由于您请求文件名是由逗号分隔的字符串,因此您可以这样做:

var filenames = $('.fileName').map(function(){
    return $(this).text();
}).get().join(',');

现在,filenames将包含字符串test1.png,test2.png,test3.png,test4.png.