jQuery .text()多个元素相同的类

Question

我试图在页面上的多个(未知数量)元素上使用.text().

考虑:

<ul>
    <li class="myClass">element1</li>
    <li class="myClass">element2</li>
    <li class="myClass">element3</li>
</ul>

$('.myClass').text();

将返回第一个元素的文本"element1".

我环顾四周时遇到了以下情况:

$('.myClass').each(function(index, obj)
{
   // do something
});

但是,这个简单的查询返回每个完整的元素,如:

<li class="myClass">element1</li>
<li class="myClass">element2</li>
<li class="myClass">element3</li>

我需要返回所有元素的文本,例如:

"element1""element2""element3"

谢谢!

Answer 1

您可以使用它map()来检索一组元素的特定属性并将它们放在一个数组中:

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

从那里你可以使用数组来根据需要创建字符串,例如,使用join():

console.log(textValues.join(', ')); // = 'element1, element2, element3'

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

console.log(textValues.join(', ')); // = 'element1, element2, element3'

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li class="myClass">element1</li>
  <li class="myClass">element2</li>
  <li class="myClass">element3</li>
</ul>

Answer 2

var x =[];
$('.myClass').each(function(index, obj)
{
  x.push($(this).text());
});

console.log(x);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
    <li class="myClass">element1</li>
    <li class="myClass">element2</li>
    <li class="myClass">element3</li>
</ul>