Question

使用 jQuery 我想找到下一个类，检查它是否有另一个类，如果是，请更改当前项。

示例：

<div class="item itemA"></div> // only change this background to red
<div class="item itemA"></div>
<div class="item itemB"></div>
<div class="OtherClass"></div>
<div class="item itemA"></div>

我想检查下一个类“item”（可能来自其他一些html）是否也有类“itemA”，如果是，则更改当前itemA。例如，将背景更改为红色。

在上面的例子中，只有第一个DIV会改变，因为下一个类“item”也有类“itemA”。第二类“itemA”的下一个类“item”是“itemB”，所以这个DIV不应该改变。

我尝试了.next（）函数，但它没有用完。主要是因为类之间可能还有其他HTML。所以它确实需要找到下一个“item”类，检查该“item”是否也有类“itemA”并改变之前的那个。

欢迎任何帮助！

Answer 1

嗨Bob我希望您正在寻找以下解决方案

var counter = 0;    
var prevElement;

//traverse all the div's
$.each($('body div'), function(){

  //if div has class "item" as first class in class list 
  if( $(this).attr('class').split(' ')[0] == "item") {

    //if div has class "itemA" as second class in class list 
    if("itemA" == $(this).attr('class').split(' ')[1]) {
        if(counter == 1 ) {

        //change color
        prevElement.addClass('redColor');
      } 
      counter = 1;
      prevElement = $(this);
    } 
  }
});

请查看小提琴https://jsfiddle.net/Prakash_Thete/a5y4gkzg/2/

使用Jquery查找下一个特定的类，并检查它是否有另一个类

1 个答案: