如果两个div都有一个相同的类，则激发javascript

假设我有两个div“菜单”和“管道”。当我点击菜单管道的宽度将是100%，但在这里我有6对像这样的，所以影响一个将影响所有。“主代码如下所示。” 现在我想要这样的js

在pipe div中添加类“addwidth”，但该pipe div具有一个与发生单击事件的对象（此处为菜单div）形式相同的类

例如，菜单一个div被单击，因此只有管道一个div必须受到影响

.hasClass在某种程度上可以帮助你，但我不知道如何帮助你

这是js，请帮帮我，提前谢谢

.leftbox{
宽度：100px；
高度：400px；
背景颜色：浅绿色；
显示：-webkit flex；
显示器：flex；
-webkit柔性方向：行；
弯曲方向：行；
}
.连根拔起{
宽度：100px；
身高：100%；
背景颜色：粉红色；
显示：-webkit flex；
显示器：flex；
-webkit柔性方向：列；
弯曲方向：立柱；
-webkit内容：周围的空间；
证明内容：周围的空间；
}
.菜单{
宽度：50px；
高度：50px；
背景颜色：黄色；
}
.选定{
背景颜色：绿色；
边框：2件纯蓝；
}
唐罗先生{
宽度：100%；
身高：100%；
背景颜色：灰色；
显示：-webkit flex；
显示器：flex；
-webkit柔性方向：列；
弯曲方向：立柱；
-webkit内容：周围的空间；
证明内容：周围的空间；
}
.烟斗{
宽度：10%；
高度：5px；
背景色：浅绿色；
}

配合使用

$（'.uprow.menu'）。在（'click'，function（）上{
$（'.downlow.pipe'）.eq（$（this.index（））.css（'width'，'100%”）
})

.leftbox{
宽度：100px；
高度：400px；
背景颜色：浅绿色；
显示：-webkit flex；
显示器：flex；
-webkit柔性方向：行；
弯曲方向：行；
}
.连根拔起{
宽度：100px；
身高：100%；
背景颜色：粉红色；
显示：-webkit flex；
显示器：flex；
-webkit柔性方向：列；
弯曲方向：立柱；
-webkit内容：周围的空间；
证明内容：周围的空间；
}
.菜单{
宽度：50px；
高度：50px；
背景颜色：黄色；
}
.选定{
背景颜色：绿色；
边框：2件纯蓝；
}
唐罗先生{
宽度：100%；
身高：100%；
背景颜色：灰色；
显示：-webkit flex；
显示器：flex；
-webkit柔性方向：列；
弯曲方向：立柱；
-webkit内容：周围的空间；
证明内容：周围的空间；
}
.烟斗{
宽度：10%；
高度：5px；
背景色：浅绿色；
}

---

您可以使用所选元素的

单击事件，如下所示

在下面的示例中，单击任何图元将仅将该图元的宽度更改为100%


$（函数（）{
$（'.pipe'）。单击（函数（）{
/*$（这）是单击/选择的对象*/
/*使用$（this）执行所需操作。下面是一个示例*/
$（this.css（'width'，'100%'）；
});
});
.leftbox{
宽度：100px；
高度：400px；
背景颜色：浅绿色；
显示：-webkit flex；
显示器：flex；
-webkit柔性方向：行；
弯曲方向：行；
}
.连根拔起{
宽度：100px；
身高：100%；
背景颜色：粉红色；
显示：-webkit flex；
显示器：flex；
-webkit柔性方向：列；
弯曲方向：立柱；
-webkit内容：周围的空间；
证明内容：周围的空间；
}
.菜单{
宽度：50px；
高度：50px；
背景颜色：黄色；
}
.选定{
背景颜色：绿色；
边框：2件纯蓝；
}
唐罗先生{
宽度：100%；
身高：100%；
背景颜色：灰色；
显示：-webkit flex；
显示器：flex；
-webkit柔性方向：列；
弯曲方向：立柱；
-webkit内容：周围的空间；
证明内容：周围的空间；
}
.烟斗{
宽度：10%；
高度：5px；
背景色：浅绿色；
}

您尝试的jquery部件在哪里？发布后，我还想问，是否有任何函数可以检查菜单（div）和管道（div）是否都有一个相同的元素，只有管道可以影响，否则所有其他管道都会影响（宽度=0），我们是否可以添加或删除类而不是更改css@harshchelani我提供了一种比较的方法。。你可以应用类而不是css..谢谢。问题。已解决的代码正在运行。现在我只需要你在另一件事上的帮助，我想在单击时添加类，并从其他人中删除相同的类。比如当我在main（0）上单击它时，该类将添加到管道（0）中，并从其他管道（div）中删除。我们可以通过媒体查询添加此css吗？比如在500px页面宽度之后，高度必须是100%，而不是宽度？@harshchelani，您尝试过这样做吗。。我不认为它不起作用！是的，但我想一次对一个管道执行操作，在js中我想单击菜单（div）而不是管道。我想问的是，是否有任何函数可以检查菜单（div）和管道（div）是否都有一个相同的元素，只有管道可以影响，否则所有其他管道都会影响（width=0），我们可以添加或删除类而不是更改css吗