如何使用javascript为具有相同类/名称的元素集合触发css事件

在标题中，我有这个javascript

<script>          
$(".tile").click(function(e){
 $(this).toggleClass("flipOutX")  ; 
})
</script> 

我有一些称为tile的html dfined框，这里的问题是，当我单击单个tile时，flipoutx功能可以工作，但只有我单击的tile

我如何才能使我的所有互动程序都称为互动程序，而不仅仅是我单击的一个互动程序都可以使用此功能？

试试

$(".tile").click(function(e) {
  $(".tile").toggleClass("flipOutX"); 
});

将$this single tile更改为$。元素的tile集合允许在单击一个tile时移动所有tile

您所引用内容的简单更改。您需要引用互动程序，而不是引用使用此按钮单击的.tile。

使用

$(".tile").click(function(e){
$('.tile').toggleClass("flipOutX")  ; 
})

---

对这很有效，非常感谢。。。。例如，如果我在flipOutX中有一个子函数，名为“八”，那么我是否也可以添加该子函数，以便flipOutX和“八”同时出现？如果我理解您的要求；是的，您还应该能够在click函数中启动另一个函数。您还可以针对此处定义的$.tile触发该命令。由于我的所有tile都定义为同一类tile，我希望它们对我在css中定义的每个tile都有一个转换延迟，因此该函数将按顺序在每个tile上执行。。。因此，我对每个互动程序类的html目前略有不同，以适应页面加载上的转换延迟，但我希望在单击互动程序时使用相同的html。这是我的一张牌上的线，其中5是这个特殊牌的过渡延迟集，这是一个全新的问题，有一组不同的问题。。。你应该把它作为一个新问题发布！