Question

我已经得到以下代码：

<script type="text/javascript">
        $(document).ready(function(){
            $('.sample1').click(function(){
                $('.dropdown-content').toggleClass('visible-dropdown');
            })
        })
</script>

它添加了类，因此我可以通过鼠标单击事件获得一些动画。我在HTML中有更多类，例如＆＃39; sample2＆＃39;，＆＃39; sample3＆＃39;等，并且想要添加完全相同的动画（课程当然有不同的内容）。

我知道一个解决方案，即只添加相同的代码n次，但更改每个代码块的类。有更短的方式吗？我想也许有阵列的东西，不确定。我在JS中并不是很擅长，这就像我第一次;）

Answer 1

您可以编辑代码以选择多个选择器。

<script type="text/javascript">
    $(document).ready(function(){
        $('.sample1, .sample2, .sample3').click(function(){
            $('.dropdown-content').toggleClass('visible-dropdown');
        })
    })
</script>

Answer 2

您可以将这些类分组，以逗号分隔。示例：

$('.sample1, .sample2, .sample3').click(function(){

Answer 3

只需使用multiple selectors：

$('.sample1, .sample2 , .sample3').click(function(){
   $('.dropdown-content').toggleClass('visible-dropdown');
})

你可以尝试

$('*[class*="sample"]')

这是source

Answer 4

您可以使用css选择器：

抓住以＆＃39;示例＆＃39;开始的类的元素：

$('[class^=sample]').on('click',function(){

    //Do something
});

使用＆＃39;示例＆＃39;

抓住已结束课程的元素

    $('[class$=sample]').on('click',function(){

    //Do something
    });

要查找有关 css选择器的更多信息，请执行以下操作： https://www.w3schools.com/cssref/css_selectors.asp

如何将单个函数用于多个类？

4 个答案: