你如何使用 CSS 选择器来选择多个元素？ [复制]答案

【问题标题】：How do you use CSS Selectors to select multiple elements? [duplicate]你如何使用 CSS 选择器来选择多个元素？ [复制]
【发布时间】：2015-12-01 19:33:56
【问题描述】：

我有一些 HTML：

<div class="blah">
<div class="blah">

我想获取所有带有“blah”类的 div

var result = document.querySelector('.blah');

但是结果只是第一个元素。

我如何获得所有个元素？

小提琴：

【问题讨论】：

document.querySelectorAll();
你真的问过这个问题吗？
https://www.google.com/search?q=javascript+querySelector+for+multiple+elements&gws_rd=ssl
是的，对不起，这些减分是我应得的:(我很懒

【解决方案1】：

你可以用querySelectorALL做到这一点

var result = document.querySelectorAll('.blah');
console.log(result.length)

<div class="blah">
<div class="blah">

结果显示在控制台中。

使用 jQuery，您可以将其简化为：

$('.blah');

【讨论】：

var $ = function(sel) { return document.querySelectorAll(sel); }; jQuery 在这里非常不必要且完全无关紧要。

【解决方案2】：

【讨论】：

【解决方案3】：

改为使用document.querySelectorAll，它会返回一个列表。

【讨论】：