यह जांचने के लिए कि क्या div की आईडी है या नहीं?

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> 

मैं कक्षा के माध्यम से लूप करने की कोशिश कर रहा हूं लेकिन मुद्दा यह है कि मेरे पास कार्ड 1 और कार्ड 2 आईडी उस पृष्ठ में डुप्लिकेट हैं। लेकिन उपरोक्त कोड काम करने लगता है लेकिन नीचे त्रुटि दिखा रहा है।

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

मैं वहां लूप से आईडी प्राप्त करने की कोशिश कर रहा हूं।

Answer 1

उपयोग विशेषता चयनकर्ताselector[attribute] केवल तत्वों आपके मामले में एक आईडी

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

है कि प्राप्त करने के लिए:

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

jsFiddle demo

Answer 2

यदि id विशेषता attr विधि undefined वापस आ जाएगी। बस लिखें:

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

Answer 3

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

आप एक बार से अधिक $(this) उपयोग करने के लिए जा रहे हैं, यह यह एक बार मिल जाए, और एक स्थानीय चर में जिसके परिणामस्वरूप jQuery वस्तु डाल करने की सलाह दी है।

Answer 4

डेमोhttp://jsfiddle.net/QRv6d/13/

एपीआई लिंक: http://api.jquery.com/prop/

इस प्रयास करें, इस

कोड

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

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

Answer 5

if(this.id) मदद करनी चाहिए आप सभी की जरूरत है।

---

यह क्यों काम करेगा?

यदि तत्व के पास आईडी है, तो मान एक गैर-खाली स्ट्रिंग होगा, जो हमेशा true का मूल्यांकन करता है।
यदि उसके पास आईडी नहीं है, तो मान एक खाली स्ट्रिंग है जो false का मूल्यांकन करता है।

---

मैं पाश जो देखते हैं से आईडी प्राप्त करने की कोशिश कर रहा हूँ।

आईडी की सूची पाने के लिए आपको इतना तरह .map उपयोग कर सकते हैं:

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

या चयनकर्ता Roko suggests in his answer का उपयोग करें।

Answer 6

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