jquery - jquery在选中复选框时执行某些操作不起作用

Question

我有这个

$("input:checkbox").live("click", function() {
    if(this.checked){
    $(this).next().show();
    $(this).prev().css('color','red');}
    else{
    $(this).next().hide();
    $(this).prev().css('color','black');}
});

但是 jquery 并不适用嵌套在 IF 语句中的所有命令！它只执行最后一个！

$(this).prev().css('color','red');

并忽略所有其他命令！我想当我点击复选框做一个事情的清单！而不仅仅是一个！请问我该怎么做

Answer 1

我相信你的下一个元素不能以这种方式显示，比如<br/>

例如在这段代码中

<input type="checkbox"/>
<br/>
<a style="display:none;">test</a>

<a>不会出现，因为你.next()正在匹配<br/> （http://jsfiddle.net/bukfixart/SgGEZ/）