如何使用javascript和/或jQuery獲取特定類中所有元素的數組？

Question

我正在嘗試使用類“sampleclass”獲取所有元素的數組。 例如，有了我的文檔，我有三個div：

<div class="aclass"></div>
<div class="sampleclass"></div>
<div class="anotheraclass"></div>
<div class="sampleclass"></div>

我想使用javascipt和/或jQuery獲取一個包含“sampleclass”中所有元素的數組。

關於如何做到這一點的任何想法？

Answer 1

這將獲得包含sampleclass類的每個元素中的所有元素：

var myArray = $('.sampleclass *');

*被稱為All選擇器

編輯 ：請注意，在這個例子中：

<div id="test">
   <table>
      <tr><td>TEST</td></tr>
   </table>
</div>

var myArray = $('#test *');

myArray包含div的所有子元素： table ， tr和td 。

如果您想要給定元素中的所有頂級元素，您可以嘗試：

var myArray = $('#test > *');

這將子選擇器與前面提到的所有選擇器組合在一起

Answer 2

$( '.sampleclass' );

然后，您可以使用each數組遍歷數組。

Answer 3

......

$('.sampleclass').........

另外，你可以遍歷使用它在each這樣的：

$('.sampleclass').each(function(){
  // more code........
})

最后，你也可以得到這樣的每個項目：

$('.sampleclass')[0]; // first
$('.sampleclass')[1]; // second
// and so on........

Answer 4

擴大Jacob Relkin的答案：

$('.sampleClass').each(function()
{
   // do something with it...
   $(this).css('background-color', 'green');
});