javascript - 在两个不同的类上运行 Javascript Jquery 函数

Question

我有这些课程：

.slider
.sliderlogo

我有这些代码：

var sc=$(".slider img").size();
$(".slider #"+count).show("slide",{direction:'right'},500);
$(".slider #"+count).delay(5500).hide("slide",{direction:'left'},500);

将其他“slidelogo”类添加到 JS 以便它也可以在其他类上运行的正确方法是什么？

一般来说它是这样的：

(".slider #1,.sliderlogo #1")

位它不适用于上述代码行。提前致谢。

Answer 1

正如大卫所说，id 必须是唯一的，所以尝试将它们更改为

.slider #slider1

和

.sliderlogo #sliderlogo1

等等

然后使用：

(".slider #slider"+count+",.sliderlogo #sliderlogo"+count)

Answer 2

看起来您的标记可能存在问题，因为 ID 在文档中必须是唯一的，并且不能以数字开头。如果您必须使用 Id，请尝试将它们构建为类似'slider' + countand 'sliderLogo' + count。让每一个都是独一无二的。

Answer 3

应该在整个文档中是唯一的ID，因此我建议您改用类，例如.item-1, .item-2然后将代码更改为：

var sc=$(".slider img").size();
var selector = ".slider .item-" + count + ", .sliderlogo .item-" + count;
$(selector).show("slide",{direction:'right'},500);
$(selector).delay(5500).hide("slide",{direction:'left'},500);