将一个班级更改为另一个班级答案

【问题标题】：Changing one class to another将一个班级更改为另一个班级
【发布时间】：2015-01-24 19:51:53
【问题描述】：

我大约有一个半星期的时间来学习 jquery，但在每天大约 10 个小时的时间里，我想我正在处理一些事情，在这里其他帖子的帮助下。我非常接近我想做的事情。我想将 g1 类交换为 p1，但我必须为 16 个类执行此操作。我正在考虑执行类似此功能的操作，以自动删除单击任何 p 数字的数字。

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

然后我会调用 use $('+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);
});
});

【问题讨论】：

听起来您可能以错误的方式解决最初的问题 - 诸如“我需要更改其中的 16 个”之类的内容通常意味着您需要以不同的方式解决问题跨度>
好吧，在这种情况下，除了执行动画之外，我还要换出适当的图像。如果我可以让它工作，它将从我当前的文档中删除 16 段代码。我让它在没有这个选择器作为单独函数的情况下工作，但你可以猜到它体积庞大、速度慢而且不好。

标签： jquery class variables concatenation

【解决方案1】：

你不需要像$('+elem+)这样使用，你可以使用elem或$(elem)。

【讨论】：

【解决方案2】：

使用$each() 来解决此类问题。 Jquery $each()

【讨论】：