将属性的id存储为变量并稍后调用它(带有附加内容)

时间:2013-03-14 02:32:24

标签: jquery this

我有一系列按钮,每个按钮对应于标记中其他位置的一系列图像。我试图避免使用相同的代码一百万次稍有变化。基本上我想要当你点击按钮id = x时,它会在图像id = xT上运行代码。这是我到目前为止所得到的,但不能为我的生活得到正确的语法。我错过了一些明显的东西吗或者也许有更好的方法来做到这一点?

$(document).ready(function(){
    $(this).click(function(){
        var slider = ("#" + $(this).attr("id") + "T"); 
        $(slider).slideDown(750);
    });
});

编辑:

例如,下面是工作代码,问题是如何运行变量,其id为任意点击元素加上最后的T,表示图像为slideDown。

$(document).ready(function(){
    $("#current").click(function(){
        var slider = $("#currentT"); 
        slider.slideDown(750);
    });
});

2 个答案:

答案 0 :(得分:1)

你的第一个选择器真的没有意义。如果您正在寻找按钮,请选择按钮:

$(document).ready(function(){
    $('button').click(function(){
        var slider = "#" + this.id + "T";
        $(slider).slideDown(750);
    });
});

答案 1 :(得分:0)

Jquery可以完美地完成这项工作,请尝试以下代码:

$(document).ready(function(){
    $(':button').click(function(){
        var slider = ("#" + $(this).attr("id") + "T"); 
        $(slider).slideDown(750);
    });
});