Question

示例HTML：

<div class="elem-1"></div>
<div class="elem-2"></div>
<div class="elem-2"></div>
<div class="elem-3"></div>
<div class="elem-4"></div>
<div class="elem-4"></div>
<div class="elem-4"></div>

需要：如何用jQuery选择器选择具有“elem-2”和“elem-4”的div？（多个元素具有相同的类）

Answer 1

您可以使用,分隔不同的选择器：

$(".elem-2, .elem-4")

Answer 2

$('.elem-2, .elem-4').hide() // or any other jquery method

顺便说一下，它不是jQuery选择器，只是CSS选择器，请参阅this article了解

Answer 3

selector将获得您想要的价值

http://jsfiddle.net/mMEN5/1

var selector = $();

var list = $('[class]').toArray().reduce(function(p, e){
    p = p || {};
    var classes = $(e).prop('class').split(/\s/);
    $.each(classes, function(i,c){
        p[c] = p[c] || [];
        p[c].push(e);
    });
    return p;
}, {})

for (el in list) if (list[el].length > 1) selector=selector.add(list[el]);

Answer 4

即使您要求使用css选择器，我们也可以使用attributeStartsWith选择器

我只想提一下选择器的使用方法。您可以使用任何内部DOM chnage

alert（$（'div [class ^ =“elem-2”]，div [class ^ =“elem-4”]'）。length）;

这里我使用.length只是为了给出正确的计数。使用上面也可以使用id属性。

jQuery选择多个元素是否具有相同的类

4 个答案: