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

您在选择器中使用了错误的id。改变

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

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

});

至

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

   if ($('#container a').hasClass('checked')) {
    /* some codes */
   }

});

Answer 2

您可以使用.hasClass()查看是否有任何元素具有该类：

if ($('#container a').hasClass('checked')) {
  // ...

要查看他们是否都有课程：

if ($('#container a').length =  $('#container a.checked').length) {
  // ...

Answer 3

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

  }
});