Question

我有以下功能：

$('.card1').click(function(){
    // ...
});

我想避免重复，并希望此功能可以针对以下任何选择器执行：$('.card1'), $('.card2'), $('.card3'), $('.card4'), $('.card5'), $('.card6'), $('.card7'), $('.card8')

可能有一个if条件，如果点击了这个，或者不确定。

Answer 1

为所有元素使用公共类：

$('.card')

或制作群组选择器：

$('.card1, .card2....n')

Answer 2

您可以尝试匹配具有类＆＃39; card＆＃39;的元素。以＆＃39; card＆＃39;开头，就像这个$("div[class^='card'],div[class*=' card']").click(function(){...});

一样

Answer 3

尝试使用Attribute Starts With Selector [name^="value"]

$("[class^=card]").click(function() {})

Answer 4

最好为点击

引入新的css类

<强> CSS

$('.card').click(function(){
    // ...
});

<强>的javascript

<div class="card card1">card1</div>
<div class="card card2">card2</div>
<div class="card card3">card3</div>
<div class="card card4">card4</div>

<强> HTML

<div id="card1" class="card">card1</div>
<div id="card2" class="card>card2</div>
<div id="card3" class="card">card3</div>
<div id="card4" class="card">card4</div>

希望对你有意义或者至少给你一些想法。

然后你会做出指定类 - ＆gt; ids取决于它们是否重复。

$('.card').click(function(){
    var $this = $("this");
    var cardId = $this.attr("id");

    if(cardid == "card1") {
      //your code
    } else if(cardid == "card2") {
      //your code
    }
});

然后您需要更改CSS以适应此更改。

然后，您将通过在javascript中询问ID来获取卡号。

<强>的javascript

{{1}}

Answer 5

您应该将这些类转换为这些标记的ID或广告ID，然后您可以轻松找到点击的标记，您可以在此处查看示例

{{1}}

如果单击任一项，则执行条件

5 个答案: