-2

我有#cross_1 , #cross_2 , #cross_3 , #cross_4 ，每个#cross_id都有#id_green

没有显示任何结果或任何错误...

var setId = 2; 

var defaultTime = 3000;


$(document).ready(function () { 

    setLight(setId,defaultTime);

});

function setLight(setId,defaultTime) {


    //deactivateAll();

    activeGreen(setId,defaultTime);

}

function deactivateAll() {


    $('#cross_1 #id_red').addClass('red');

    $('#cross_2 #id_red').addClass('red');

    $('#cross_3 #id_red').addClass('red');

    $('#cross_4 #id_red').addClass('red');

}

function activeGreen(setId,defaultTime) {

    alert('#cross_'+setId+ '#id_green');

    $('#cross_'+setId+ '#id_green').addClass('green');

}


function activeYellow() {

    //$('#cross_'+setId+ ',#id_yellow').addClass('yellow');

}
4

2 回答 2

2

在每个选择器之间加一个逗号

$('#cross_'+setId+ ',#id_green').addClass('green');
于 2012-05-15T06:29:52.997 回答
1

我认为它只是你在 jQuery 选择器中的空间在错误的位置

function activeGreen(setId,defaultTime) {
    $('#cross_'+setId+' #id_green').addClass('green');
}

如果你的结构是：

#cross_1
    #id_green
#cross_2
    #id_green

依此类推，就是别人提到的无效html

于 2012-05-15T06:30:22.873 回答