Question

我有两个div，如下所示：

<div class="a b">Hello</div>  // div with two classes

<div class="a"> Hii </div>  // div with single class.

两个div都有一个共同的类“a”。我想得到div的值或文本只有类“a”，即第二个div。它不应该获取第一个div的值。

P.S：两个div都没有id所以不要说使用不同的ID。我只想使用类。

Answer 1

$('.a').not('.b').text()

使用.not选择器过滤掉未经考虑的元素：http://api.jquery.com/not-selector/

或者，要确保您只选择类a

的div

$('div[class="a"]')

供进一步参考：jQuery: Is it possible to select elements with only one class from among elements with, potentially, up to 3 classes?

Answer 2

以下是您应该用来检查天气的代码，它只有a类或任何其他类..

 $('.a').each(function(){
    var classList = $(this).attr("class");
    classList = classList.trim().split(" ");
    if(classList.length ==1){
         //do your stuff
    }
 });

或者您可以使用

 $('.a').each(function(){
    var classList = $(this).attr("class");
    classList = classList.trim();
    if(classList === "a"){
         //do your stuff
    }
 });

Answer 3

是的，但如果您不知道可能包含哪个类或我们使用的元素类型会怎么样？

（假设我们使用jQuery）

$('.a').each(function(i, ele){

    if($(ele).attr('class')==='a'){
        // get value or text here
    }
});

虽然

更快

$('[class="a"]').each(/* get our values with a function in here */)

Answer 4

我们只需要选择一个我们可以使用的类，如下所示，它就很简单 $('div[class="a"]')这将获取div只有类a

<div class="a b">Hello</div>  // div with two classes

<div class="a"> Hii </div>  // div with single class.

脚本

console.log($('div[class="a"]').html());

FIDDLE DEMO

Answer 5

您可以使用Just Pure CSS（CSS3）实现该样式，

 div:not(.b){color:red;}

<强> http://jsfiddle.net/WndAf/

jQuery Solution，获取Div文本

   $(function() {
  console.log($("div:not(.b)").text());
});

<强> http://jsfiddle.net/WndAf/5/

根据SINGLE CSS Only获取值或div的文本

5 个答案:

脚本