jak sprawdzić, czy div ma id, czy nie?

Question

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

Próbuję przechodzić przez klasę, ale problem jest taki, że mam duplikat card1 i card2 ids na tej stronie. ale powyższy kod wydaje się działać, ale pokazuje poniżej błąd.

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

Próbuję uzyskać identyfikatory z pętli, które tam są.

Answer 1

selektor Zastosowanie atrybutselector[attribute] dostać tylko te elementy, które mają identyfikator

$('.myClass[id]') // Get .myClass elements that have ID attribute 

W twoim przypadku:

$('.ui-droppable[id]').each(function(){ 
    alert(this.id); 
}); 

jsFiddle demo

Answer 2

Jeśli nie ma atrybutu , metoda zwróci undefined. Wystarczy napisać:

if($(this).attr("id")) 

Answer 3

var $this = $(this); 
if (typeof $this.attr("id") != "undefined" && $this.attr("id").length > 0) { 
    ... 
} 

Jeśli masz zamiar użyć $(this) więcej niż raz, to powinni go znaleźć raz, i umieścić obiekt wynikowy jQuery w zmiennej lokalnej.

Answer 4

demohttp://jsfiddle.net/QRv6d/13/

Link API: http://api.jquery.com/prop/

Spróbuj tego, co powinno pomóc

kod

$(".ui-droppable").each(function() { 

     if($(this).prop("id").length > 0) 
     { 
     alert('here'); 
     } 
    });​ 

Answer 5

if(this.id) jest wszystko, czego potrzebujemy.

---

Dlaczego to działa?

Jeśli element ma identyfikator, wartość będzie niepustym łańcuchem, który zawsze jest oceniany jako true.
Jeśli nie ma identyfikatora, wartość jest pustym łańcuchem, którego wartość wynosi false.

---

Próbuję uzyskać identyfikatory z pętli, które są tam.

Aby uzyskać listę identyfikatorów, można użyć .map tak:

var ids = $(".ui-droppable").map(function() {  
    return this.id ? this.id : null; 
}).get(); 

lub użyj wybieraka Roko suggests in his answer.

Answer 6

if(typeof $(this).attr("id") != 'undefined')