if：checked add class to this

Question

我有一个小问题。我想检查一个复选框是否被选中，如果被选中，我想给他的第一个兄弟添加一个类。 HTML：

<input class="box" type="checkbox"> 
    <p class="red">Red text </p> 

    <input class="box" checked type="checkbox"> 
    <p class="red">I want this text in blue </p> 

JS：

if(jQuery(".box").is(":checked")) { 
    jQuery(this).next().attr('class', 'blue');        
} 

这里举例：http://jsfiddle.net/LVEqn/

提前感谢！如果要替换现有的类

$(".box:checked").next().addClass('blue'); 

，做

$(".box:checked").next().attr('class', 'blue'); 

如果：

Answer 1

如果你想添加类“蓝色”所有元素之后的检查中，这样做你希望这是动态的，这是当用户检查或取消选中时的改变，

$(".box").change(function(){ 
    $(this).next().attr('class', $(this).is(':checked') ? 'blue' : 'red'); 
}); 

DEMONSTRATION

Answer 2

试试这个：

jQuery(".box:checked").each(function(){ 
    jQuery(this).next().attr('class', 'blue'); 
}) 

演示：http://jsfiddle.net/LVEqn/2/

Answer 3

jQuery的

$(".box:checked").next().addClass("blue"); 

CSS

.blue {color: blue !important;}