将一个班级改为另一个班级

时间:2015-01-24 19:51:53

标签: jquery class variables concatenation

我大约一个半星期的时间学习jquery但是每天大约10个小时,我想我正在处理一些事情,在这里有其他帖子的帮助。我非常接近我想做的事情。我想将类g1换成p1,但我必须为16个类做这个。我正在考虑做这样的功能,以便为点击的任何一个p号码自动删除号码。

    $(function imageswap() {
    $("[class^=g]").click(function () {
    var num = this.class.slice(1);
    var elem = ('.' + 'p' + num);
    });
    });

然后我会打电话使用$(' + elem +)来使用它。我在这里偏离轨道还是过于复杂化了?

另外,我该如何使用它?我最初认为我会将它用作标准的点击监听器,但它似乎并没有起作用。像这样的东西。道歉,如果它有点业余。

$(document).ready ( function(){
$("[class^=g]").click(function () {
    var num = this.class.slice(1);
    var elem = ('.' + 'p' + num);
$('.portalimg').transition({
    display:"none",
});
$(elem).transition({
    display:"block",
    opacity:"0",
    transform: "translateY(-400px) scale(.1,.1)",
    '-webkit-transform': "translateY(-400px) scale(.1,.1)",
    '-o-transform': "translateY(-400px) scale(.1,.1)",
    '-moz-transform': "translateY(-400px) scale(.1,.1)",
},1000);
$(elem).transition({
    '-webkit-transform': "translateY(0) scale(1,1)",
    '-moz-transform': "translateY(0) scale(1,1)",
    '-o-transform': "translateY(0) scale(1,1)",
    transform: "translateY(0) scale(1,1)",
    "border-radius": "0",
    opacity: "1"},2000);
});
});

2 个答案:

答案 0 :(得分:1)

您不需要像$('+elem+)一样使用,只需使用elem$(elem)

答案 1 :(得分:0)

使用$each()克服此类问题。 Jquery $each()