jQuery - selecting elements from inside a element

Question

let s say I have a markup like this    lt div id  foo  gt           lt span id  moo  gt             lt  span gt         lt  div gt    and I want to select  moo   why     foo   find  span   works  but    span       foo     doesn t

User · Accepted Answer

You can use any one these  starting from the fastest       moo    gt      foo  moo    gt     div foo span moo    gt      foo span    gt      foo  gt   moo     Take a look

User · Answer

Have a look here -- to query a sub-element of an element      document getElementById  parentid    find  div     divID     span child

User · Answer

but    span       foo     doesn t work    This method is called as providing selector context   In this you provide a second argument to the jQuery selector  It can be any css object string just like you would pass for direct selecting or a jQuery element   eg      span    cont1   css  background     F00      The above line will select all spans within the container having the class named cont1   DEMO

User · Answer

Actually      id   this   would select  id at any descendant level  not just the immediate child  Try this instead     this  children   id      or      foo  gt   moo     or      foo  gt  span

User · Answer

You can use find option to select an element inside another   For example  to find an element with id txtName in a particular div  you can use like  var name       div1   find   txtName   val

User · Answer

Why not just use       foo span     or      foo  gt  span          span       foo     works fine on my machine

User · Answer

both seem to be working   see fiddle  http   jsfiddle net maniator PSxkS

[jquery] jQuery - selecting elements from inside a element

Take a look

Examples related to jquery

Examples related to jquery-selectors

Examples related to parent-child