JQuery选择器不使用id

时间:2017-03-03 19:38:49

标签: javascript jquery html

我正在尝试按ID选择HTML元素以修改其属性 但由于某种原因,它不起作用。我将我的元素定义为:

当我尝试通过执行以下操作来选择元素时,我没有任何效果。

function handleClick(id){
    var ID =  parseInt(id);
    $("#ID").css({"background-color": "white"});
}

但是,如果我使用以下内容进行调用,我会得到所需的效果:$(“#16”)。css({“background-color”:“white”});

如何更改代码以便我可以根据id参数进行更改?

1 个答案:

答案 0 :(得分:1)

如果页面上标记的id16,则代码应如下所示:

function handleClick(id){
    var ID =  parseInt(id);
    $("#"+ID.toString()).css({"background-color": "white"});
}

因此,如果将16传递给id,它将按以下方式运行:

function handleClick("16"){
    var ID =  parseInt("16"); //int id
    $("#"+16.toString()).css({"background-color": "white"}); 
    //will not work because raw ints do not support toSting(). Jquery will look for "#16"
}