Question

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

$('.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/

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

Answer 1

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

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

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

<强> Demo

在jquery中获取同一个类的所有id

1 个答案: