<div id="cardSlots">
<div class="ui-droppable" tabindex="-1" id="card1">one</div>
<div class="ui-droppable" tabindex="-1" id="card2">two</div>
<div class="ui-droppable" tabindex="-1">three</div>
<div class="ui-droppable" tabindex="-1">four</div>
</div>

<script>
     $(".ui-droppable").each(function () {     
       if($(this).attr("id").length>0)
       {
       alert('here');
       }
    });
</script>

Я пытаюсь перебрать класс, но проблема в том, что у меня есть идентификаторы card1 и card2 на этой странице. но приведенный выше код, кажется, работает, но показывает ниже ошибку.

Uncaught Type Error: Cannot read property 'length' of undefined

Я пытаюсь получить идентификаторы из цикла, которые там.