Alex Rivera | Logout

jQuery select elements on 1st "level"

Asked 2009-07-10T23:28:30.237
34

I want to select only the elements on the first "level".

Ex:

<div id="BaseElement">
  <p>My paragraph 0</p>
  <div>
    <span>My Span 0</span>
    <span>My Span 1</span>
  </div>
  <span>MySpan 2</span>
  <span>MySpan 3</span>
  <p>My paragraph 1</p>
</div>

Let's say that you got the BaseElement node.

var Element = $("div#BaseElement");

How do I fetch nodes from only the base element node?

$("div#BaseElement span")

should only result in getting MySpan 2 and MySpan 3.

Edit
Report

1 Answer

60
$("#BaseElement").children("span");

or

$("#BaseElement > span");

See jQuery selectors and children().

answered 2009-07-10T23:31:14.647

Your Answer