Jquery find nearest matching element

jquery dom-traversal
imperium2335 picture imperium2335 · Aug 1, 2012 · Viewed 171.5k times · Source

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:

<div class="row">
    <div class="column"><input class="inputQty" id="quantity0" /></div>
    <div class="column"><input class="someOther" id="Other0" /></div>
    <div class="column">
        <div class="cSelect">
            <select id="currency0"><option>£</option></select>
            <input class="price" id="price0" />
        </div>
    </div>
</div>

Answer

Mitya picture Mitya · Aug 1, 2012 
var otherInput = $(this).closest('.row').find('.inputQty');

That goes up to a row level, then back down to .inputQty.

Related questions

jQuery append and remove dynamic table row

I can add many rows for a table, but I can't remove many rows. I only can remove 1 row per sequential add. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script&…

Read More
How to select a single child element using jQuery?

Using jQuery how do I select a single child element? I've looked at the Traversing API and know I can select all the immediate children img elements like this: $(this).children('img'); And to select the first child img element …

Read More
How to select a li with a specific class?

<ul id="attached_deals_tab" class="nav nav-tabs"> <li class="active"> <a data-toggle="tab" href="#Test1">Test1</a> </li> <li class=""> <a data-toggle="tab" href="#Test2">…

Read More