javascript - 按类名将元素放入数组中并使用 Javascript 提醒它

Question

如何获取网页上具有特定类名的所有元素并将它们放入数组中？然后我希望能够将该数组的内容放入警告框中？

如何将这些元素 id 放入数组中？

Answer 1

如果您的浏览器支持 getElementsByClassName , 否则使用众多跨浏览器之一 implementations在网络上可用。

自然地，您会得到它们:

var elements = document.getElementsByClassName('nameOfClassHere');

这会返回一个类数组对象，您可以像在数组中那样遍历元素，但不能在其上使用数组的方法。

如果您使用的是 jQuery 或 MooTools 等库，则此任务对您来说会更简单。在 jQuery 中获取所有具有类名“myClass”的元素，并将它们的文本内容放入单个字符串中使用，

var combinedText = $('.myClass').text();

使用 jQuery 将每个匹配元素的 ID 放入数组中:

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

如果使用 MooTools，您可以使用以下方法获取具有所需类的每个元素的文本内容数组:

var texts = $$('.myClass').get('text');

获取每个匹配元素的 id 到一个数组中:

var arrayOfIDs = $$('.myClass').get('id');