在jquery中获取同一类的所有ID答案

【问题标题】：get all id of same class in jquery在jquery中获取同一类的所有ID
【发布时间】：2015-08-03 10:59:18
【问题描述】：

我正在尝试使用相同的 class 获取所有 DOM 元素的 id，如此处所示 https://stackoverflow.com/a/20626819/876739

$('.test').click(function () {
    var ids = $("#infolist li div.no").map(function () {
        return this.id;
    }).get();
    alert(ids);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="infolist">
    <li>First
        <div class="No" id="25" style="visibility: hidden"></div>
    </li>
    <li>Second
        <div class="No" id="26" style="visibility: hidden"></div>
    </li>
    <li>Third
        <div class="No" id="27" style="visibility: hidden"></div>
    </li>
    <li>Fourth
        <div class="No" id="28" style="visibility: hidden"></div>
    </li>
</ul>
    <div class="test">test</div>

http://jsfiddle.net/xrcwrn/7nLs635r/1/

警告它没有显示任何价值。

【问题讨论】：

标签： jquery

【解决方案1】：

如果浏览器支持，Jquery 类选择器使用新的 javascript 方法 getElementsByClassName。此方法在 quirks-mode 页面上不区分大小写，在 non-quirksmode（又名标准兼容）页面上区分大小写。

div 元素具有类名 No 而不是 no 。由于选择器在您的情况下不返回任何元素：

$("#infolist li div.No");

Demo

【讨论】：