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 函数，或您喜欢的任何其他地方。

You can test it here »

更新

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

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

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