<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>

Ich versuche, die Klasse durchzuschleifen, aber das Problem ist, dass ich auf dieser Seite doppelte IDs für Karte1 und Karte2 habe. aber der obige Code scheint zu funktionieren, zeigt aber den folgenden Fehler an.

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

Ich versuche, IDs von der Schleife zu erhalten, die dort sind.