How to get all child inputs of a div element jQuery

Question

HTML    lt div id  panel  gt     lt table gt       lt tr gt          lt td gt  lt input id  Search NazovProjektu  type  text  value      gt  lt  td gt       lt  tr gt       lt tr gt          lt td gt  lt input id  Search Popis  type  text  value      gt  lt  td gt       lt  tr gt     lt  table gt   lt  div gt    I need to select all inputs in the particular div   This s not working   var i       panel  gt   input

User · Answer

You need  var i       panel input       or  depending on what exactly you want  see below   var i       panel  input       the  gt  will restrict to children  you want all descendants   EDIT  As Nick pointed out  there s a subtle difference between     panel input   and     panel  input    The first one will only retrieve elements of type input  that is  lt input type       gt   but not  lt textarea gt    lt button gt  and  lt select gt  elements  Thanks Nick  didn t know this myself and corrected my post accordingly  Left both options  because I guess the OP wasn t aware of that either and -technically- asked for inputs     -

User · Answer

If you are using a framework like Ruby on Rails or Spring MVC you may need to use divs with square braces or other chars  that are not allowed you can use document getElementById and this solution still works if you have multiple inputs with the same type   var div   document getElementById divID     div  find  input text  input password  input file  select  textarea            each function                   this  val                    div  find  input radio  input checkbox   each function           this  removeAttr  checked          this  removeAttr  selected          This examples shows how to clear the inputs  for you example you ll need to change it

User · Answer

Use it without the greater than       panel  input      The  gt  means only direct children of the element  if you want all children no matter the depth just use a space

User · Answer

var i       panel input      should work  -   the   will only fetch direct children  no children s children the   is for using pseudo-classes  eg   hover  etc   you can read about available css-selectors of pseudo-classes here  http   docs jquery com DOM Traversing Selectors CSS Selectors

User · Answer

The  find  method can be used to get all child inputs of a container that has already been cached to save looking it up again  whereas the  children  method will only get the immediate children   e g   var panel      panel    var inputs   panel find  input

User · Answer

here is my approach   You can use it in other event    x000D   x000D  var id  x000D      panel  input   each function e    x000D    id   this id  x000D       show id  x000D    console log     id   x000D       show input value  x000D    console log this value   x000D       disable input if you want x000D            id  prop  disabled   true   x000D      x000D   lt script src  https   ajax googleapis com ajax libs jquery 1 11 1 jquery min js  gt  lt  script gt  x000D   lt div id  panel  gt  x000D     lt table gt  x000D       lt tr gt  x000D          lt td gt  lt input id  Search NazovProjektu  type  text  value  Naz Val    gt  lt  td gt  x000D       lt  tr gt  x000D       lt tr gt  x000D          lt td gt  lt input id  Search Popis  type  text  value  Po Val    gt  lt  td gt  x000D       lt  tr gt  x000D     lt  table gt  x000D   lt  div gt  x000D   x000D   x000D

[jquery] How to get all child inputs of a div element (jQuery)

Examples related to jquery

Examples related to jquery-selectors