Javascript: Get div inside of div

Question

I have two divs nested like so:

<div id="upper">
<div id="lower" name="moo">
</div>
</div>

How would I, using jQuery or JavaScript alone, can I get the name of that lower nested div?

Answer 1

var nameValue = $('#lower').attr('name');

But if you really want to use the outer div to select the inner one:

var nameValue = $('#upper > div').attr('name');

Or

var nameValue = $('#upper #lower').attr('name');

Or

var nameValue = $('#upper').find('#lower').attr('name');