CODEWITHSUNDEEP
jquery
Ninja
Ninja

Reputation: 2098

Strange behaviour of jquery selector

In the following html code: 

$('p div').length  //RETURNS 0

while 

$('div a').length //RETURNS 2

why?

<p>
    <div id="did1">
        <a id='aid1' class="class1">
        one     
         </a>   
        <a id='aid2' class="class2">
        two     
        </a>
    </div>
    <div id="did2">
        three
    </div>     
</p>

Upvotes: 2

Views: 62

Answers (1)

zigdawgydawg
zigdawgydawg

Reputation: 2046

The code is rendered as follows:

<p></p>
<div id="did1">
    <a id='aid1' class="class1">
    one     
     </a>   
    <a id='aid2' class="class2">
    two     
    </a>
</div>
<div id="did2">
    three
</div>     
<p></p>

jQuery does not find any div elements inside any p elements.

Upvotes: 5

Related Questions