Question

我的项目生成了一些HTML元素，稍后会添加这些类。我想在集合中搜索以查看是否有任何元素具有类span1hr，紧接着是具有类span0hr的元素，如果是，则将这两个类更改为{{1 }}

以下是HTML元素的样子：

span1hrfor30mins

在这种情况下，由于<div id="programe1" class="pgmFirstRow div_1_2 row2"></div> <div id="programe2" class="pgmFirstRow div_1_3 row3 span1hr">NCIS</div> <div id="programe3" class="pgmFirstRow div_1_4 row4 span0hr">CBS Evening News With Scott Pelley</div> <div id="programe4" class="pgmFirstRow div_1_5 row5 span1hr">NCIS: Los Angeles</div> <div id="programe5" class="pgmFirstRow div_1_6 row6">Person of Interest</div> <div id="programe6" class="pgmFirstRow div_2_2 row2 span1hr">Twisted</div> <div id="programe7" class="pgmFirstRow div_2_3 row3 span1hr">Pretty Little Liars</div> <div id="programe8" class="pgmFirstRow div_2_4 row4 span1hr">Pretty Little Liars</div> <div id="programe9" class="pgmFirstRow div_2_5 row5 span1hr">Twisted</div> <div id="programe10" class="pgmFirstRow div_2_6 row6 span1hr">Pretty Little Liars</div>有一个programe2类而span1hr有一个programe3类，我希望这些类更改为span0hr。< / p>

另外一个复杂因素：正如您所看到的，我有多组span1hrfor30mins - row2类，需要在每组行中进行此搜索。

我尝试过这样的代码，但是需要为row2-3，row3-4，row4-5和row5-6复制这个代码。

row6

有谁知道我该怎么做？

Answer 1

如果我理解正确的话，你需要检查下一个元素的类，如果当前元素有某个类。

由于您使用的是jQuery，请尝试使用.next()函数。像这样的东西

 $('.pgmFirstRow').each(function(index, element) {
   element = $(element);
   if(element.hasClass('span1hr') && element.next().hasClass('span0hr')) {
      element.removeClass('span1hr').addClass('span1hrfor30mins').next().removeClass('span0hr').addClass('span1hrfor30mins');
   }
 });

检查不同类的两个不同元素的有效方法

1 个答案: