如何在檢查元素時更改文本顏色

Question

我想在具有類的HTML元素中搜索任何元素是否具有類span1hr的元素旁邊的類span1hrfor30mins，然後更改每個元素中的顏色row3中的元素span1hr用於使用循環的每個文本。

這裏是什麼樣的HTML是看起來像一個示例：

<div id="programe1" class="pgmFirstRow div_1_2 row2 span1hrfor30mins">Test program</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 span1hrfor30mins">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> 
<div id="programe11" class="pgmFirstRow div_3_2 row2 span1hr">CNN Newsroom</div> 
<div id="programe12" class="pgmFirstRow div_3_3 row3 span1hr">Around the World</div> 
<div id="programe13" class="pgmFirstRow div_3_4 row4 span0hr">CNN Newsroom</div> 
<div id="programe14" class="pgmFirstRow div_3_5 row5 span2hr">CNN Newsroom</div> 
<div id="programe15" class="pgmFirstRow div_3_6 row6 span1hr">The Lead With Jake Tapper</div> 

在這種情況下，由於NCIS和Pretty Little Liars有span1hr類，Test program和Twisted有span1hrfor30mins類，我想找到上套對於row2中的每個元素，span1hrfor30mins和row3旁邊的類span1hr改變每個row3中的文本，而row2中的其他文本保持不變。

我已經試過這樣的代碼，但它會搜索在臺每row2和rows3，當我想改變在row3每個文本與類span1hr只會更改row2紅色文本旁邊的row2與類span1hrfor30mins。

$('.span1hrfor30mins.row2').each(function (i, e) { 
    $('+.span1hr.row3', e).length && $(e).css('color', 'red'); 
}); 

下面是一個例子的jsfiddle：http://jsfiddle.net/REjC5/6/

有誰知道我能做到這一點？

Answer 1

使用需要使用next方法來定位您正在查找的元素。

next獲取元素後面的直接兄弟元素。

$('.span1hrfor30mins.row2').each(function (i, e) { 
    $(this).next('.span1hr.row3').css('color', 'red'); 
}); 

Check Fiddle