Jquery find nearest matching element

Question

I have a series of rows with columns and I want to select the value of an input field that is in a previous column to the input field  price input  that I am calling a function on when a key is released   I have tried   quantity     this  parent   parent   children   val     quantity     this  parent   parent   children   closest   inputQty   this  val       But neither work   An example of the DOM    lt div class  row  gt       lt div class  column  gt  lt input class  inputQty  id  quantity0    gt  lt  div gt       lt div class  column  gt  lt input class  someOther  id  Other0    gt  lt  div gt       lt div class  column  gt           lt div class  cSelect  gt               lt select id  currency0  gt  lt option gt    lt  option gt  lt  select gt               lt input class  price  id  price0    gt           lt  div gt       lt  div gt   lt  div gt

User · Accepted Answer

var otherInput     this  closest   row   find   inputQty      That goes up to a row level  then back down to  inputQty

User · Answer

closest   only looks for parents  I m guessing what you really want is  find      this  closest   row   children   column   find   inputQty   val

User · Answer

Get the  column parent of the this element  get its previous sibling  then find any input there     this  closest   column   prev   find  input first   val      Demo  http   jsfiddle net aWhtP

User · Answer

You could try      this  closest   column   prev   find   inputQty   val

[jquery] Jquery find nearest matching element

Examples related to jquery

Examples related to dom-traversal