Javascript 如何一次更改多个div类？

我有两个可以点击的li。单击鼠标，我想更改页面上其他10个div的类（而不是单击的任何div）

以下是我正在寻找的互动：

-单击第一个li将10个div的类设置为“class1”。（默认情况下已设置这些类）

-单击第二个li将相同的10个类更改为“class2”

-向后切换到第四个

---

这是怎么做到的

您应该给出一些代码示例。 如果我是你，我会使用jQuery。有单击、切换事件和许多选择器来选择这些div

例如：

$("li:first").click(function() {
    $("div").setClass("class1");
});
$("li:eq(1)").click(function() {
    $("div").setClass("class2");
});

---

您应该给出一些代码示例。 如果我是你，我会使用jQuery。有单击、切换事件和许多选择器来选择这些div

例如：

$("li:first").click(function() {
    $("div").setClass("class1");
});
$("li:eq(1)").click(function() {
    $("div").setClass("class2");
});

---

Wojciech

提供的答案是好的，会起作用。但是如果你想添加100个可点击的项目呢？我更喜欢一种更具扩展性和更广泛用途的方法（更不用说更紧凑的尺寸）

可选的#1

您可以使用jQuery

index（）

函数查找单击项的索引，然后以这种方式应用该类

$('li').click(function(){
    var index = $('li').index($(this))+1;
    $("div").setClass("class" + index);
});

交替的#2

您可以向

项添加自定义属性

<li classToApply="class1">First Clickable Item</li>
<li classToApply="class2">Second Clickable Item</li>

$('li').click(function(){
    $("div").setClass($(this).attr('classToApply'));
});

第一个可单击的项目
第二个可点击项目
$（'li'）。单击（函数（）{
$（“div”）.setClass（$（this.attr（'classToApply'））；
});

值得一提

---

我的例子和由

Wojciech

提供的例子都需要由

Wojciech

提供的答案是好的，并且会起作用。但是如果你想添加100个可点击的项目呢？我更喜欢一种更具扩展性和更广泛用途的方法（更不用说更紧凑的尺寸）

可选的#1

您可以使用jQuery

index（）

函数查找单击项的索引，然后以这种方式应用该类

$('li').click(function(){
    var index = $('li').index($(this))+1;
    $("div").setClass("class" + index);
});

交替的#2

您可以向

项添加自定义属性

<li classToApply="class1">First Clickable Item</li>
<li classToApply="class2">Second Clickable Item</li>

$('li').click(function(){
    $("div").setClass($(this).attr('classToApply'));
});

第一个可单击的项目
第二个可点击项目
$（'li'）。单击（函数（）{
$（“div”）.setClass（$（this.attr（'classToApply'））；
});

值得一提

---

我的示例和Wojciech提供的示例都需要

这里是一个

这里是一个

您是否使用类似jQuery的框架？我希望能够单击“Relative”应用类“row1”。单击“绝对”应用类别“row1A”

• relative
• absolute
以下是我试图更改的div类的代码：您是否使用类似jQuery的框架？我希望能够单击“relative”应用类“row1”. 单击“绝对”应用类别“row1A”
• relative
• absolute
• 以下是我试图更改的div类的代码：谢谢你，但是我如何在html中设置代码？我应该向li应用什么代码才能使其正常工作？谢谢，432，但是如何在html中设置代码？我要向李家申请什么代码才能让它生效？谢谢。有关代码，请参见上面的两条注释。我愿意使用jQuery或任何有效的工具。请在我的页面中分享我应该如何使用它的示例代码。谢谢。有关代码，请参见上面的两条注释。我愿意使用jQuery或任何有效的工具。请分享我应该如何在我的页面中使用它的示例代码。你的示例正是我要寻找的。非常感谢分享。我试着把它应用到我的页面上，但不适合我。“class1”和“class2”是否深入到div的各个层中有关系？看我上面的代码。你的例子正是我要找的。非常感谢分享。我试着把它应用到我的页面上，但不适合我。“class1”和“class2”是否深入到div的各个层中有关系？请参阅上面的代码。