javascript - 複数の要素からクラス名を取得するJavaScript

Question

私のページにはこれがあります：

 <div id="container">

        <div>
            <p>...</p>
            <a href="#" class></a>
        </div>  

        <div>
            <p>...</p>
            <a href="#" class="checked"></a>
        </div>  

        <div>
            <p>...</p>
            <a href="#" class></a>
        </div>  

</div>

ここで、各 a 要素のクラスが変更されたときにいくつかのコードを実行したいと考えています。これは機能しません:

$('#food_container').click( function() {

    if ($('#food_container a').attr('class') == "checked") {
        /* some codes */
    }

});

これを修正する方法は？ありがとう！

Answer 1

var links = $("#container").children("a");
$(links).each(function(i,v){
  if($(this).hasClass("checked")){

  }
});