How to find the first direct child element of a div

This should be easy but I am not able to do it.

I have a div element with id "LeftScrollableDiv" and I am trying to find the first child element under it:

$("#LeftScrollableDiv:first-child");

<div id="LeftScrollableDiv:first">
   <table></table>
</div>

But the result is null. Any help??

Answers


$('#LeftScrollableDiv').children().first();

API


$("#LeftScrollableDiv > :first-child");

The :first-child checks if its subject is the first child of its parent. In thise case you are trying to select element with id #LeftScrollableDiv that is the first child of its parent. All the : selectors just filter previous selection, they don't select any new elements.

There is unfortunately no .firstChild method in jQuery so you must always select all the children first and then take out the first one.

A possible selector to do it is:

"#LeftScrollableDiv > :first"

Which is far more efficient than > :first-child.


The following didn't work for me:

$('#LeftScrollableDiv').children().first();

If you find the same, then you can treat the object returned by the children() method like an array.

To get the first element:

$('#LeftScrollableDiv').children()[0]

To get the last element:

$('#LeftScrollableDiv').children()[$('#LeftScrollableDiv').children().length-1]

Need Your Help

What is the best way to uninstall gems from a rails3 project?

ruby-on-rails-3 uninstall bundler

I installed all of my gems using bundler via the Gemfile. I thought (mistakenly) that if I deleted a gem from my Gemfile and ran 'bundle install' that the deleted gems would be uninstalled. I've lo...

How do I generate a random number in a certain range with Ruby?

ruby

I am trying to get a random year between 1900 and 1980 with Ruby.