jquery - Assigning more than one class for one event

Question

I have an click event that I want to assign to more than class. The reason for this is that I'm using this event on different places in my application, and the buttons you click have different styling in the different places.

What I want is something like $('.tag' '.tag2'), which of course don't work.

    $('.tag').click(function (){
        if ($(this).hasClass('clickedTag')){
            // code here
        }

        else {
             // and here
        }
    });

Answer 1

アプローチ #1

function doSomething(){
    if ($(this).hasClass('clickedTag')){
        // code here
    }
    else {
         // and here
    }
}

$('.tag1').click(doSomething);
$('.tag2').click(doSomething);

// or, simplifying further
$(".tag1, .tag2").click(doSomething);

アプローチ #2

これも機能します：

​$(".tag1, .tag2").click(function(){
   alert("clicked");    
});​

フィドル

ロジックが再利用される可能性がある場合は、別の関数 (アプローチ #1) を好みます。

複数のクラスを持つ要素を選択するにはどうすればよいですか?も参照してください。同じアイテムで複数のクラスを処理するため。

Answer 2

次のように、jQueryを使用して一度に複数のクラスを選択できます。

$('.tag, .tag2').click(function() {
    var $this = $(this);
    if ($this.hasClass('tag')) {
        // do stuff
    } else {
        // do other stuff
    }
});

$（）関数に2番目のパラメーターを指定すると、セレクターのスコープが設定され、クラスを持つ要素内を$('.tag', '.tag2')検索します。tagtag2

Answer 3

    $('.tag1, .tag2').on('click', function() {

      if ($(this).hasClass('clickedTag')){
         // code here
      } else {
         // and here
      }

   });

また

function dothing() {
   if ($(this).hasClass('clickedTag')){
        // code here
    } else {
        // and here
   }
}

$('.tag1, .tag2').on('click', dothing);

また

 $('[class^=tag]').on('click', dothing);

Answer 4

こんな感じです：

$('.tag.clickedTag').click(function (){ 
 // this will catch with two classes
}

$('.tag.clickedTag.otherclass').click(function (){ 
 // this will catch with three classes
}

$('.tag:not(.clickedTag)').click(function (){ 
 // this will catch tag without clickedTag
}

Answer 5

これを試しましたか：

 function doSomething() {
     if ($(this).hasClass('clickedTag')){
         // code here
     } else {
         // and here
     }
 }

 $('.tag1, .tag2').click(doSomething);

Answer 6

    $('[class*="tag"]').live('click', function() {
      if ($(this).hasClass('clickedTag')){
         // code here
      } else {
         // and here
      }
   });