JS: get the closest id number

Question

Having the following structure:

<td class="padding_right padding_left">Neighborhood</td>
<td>
    <div id="neighborhoods_region">    
    <select class="inputs_form_data" id="neighborhood_id2" name="neighborhood_id2">
        <option value=""></option>
        <option value=""></option>
    </select>
    </div>
</td>
<td width="10%"><a class='delete-region'>remover</a></td>

I'm trying to when the remove link is clicked, to get the id number of the select id. In this case, I need to get the number 2 from the "neighborhood_id2".

But first I just trying to get the full id. neighborhood_id2 with the following code:

$(document.body).on('click','a.delete-region', function () {
    alert($(this).closest('select').attr("id"));
});

but this returns me undefined.

note: the id number is generated on-the-fly on a dynamic form. So I may have neighborhood_id3 and so on.

score 7 · Accepted Answer · edited May 23 '17 at 11:55

7

Try using .closest('tr') which will get you the tr and then find the select,

alert($(this).closest('tr').find('select').attr("id"));

As Andreas pointed out.. use .on (delegated events) / .delegate

edited May 23 '17 at 11:55

Community

1
1

answered Sep 19 '12 at 20:16

Selvakumar Arumugam

79,297
15
120
134

1

Better use [`.on()`](http://api.jquery.com/on/) as [`.live()`](http://api.jquery.com/live/) is deprecated – Andreas Sep 19 '12 at 20:19
@KleberS. Take a look at this post: http://stackoverflow.com/questions/8021436/jquery-1-7-turning-live-into-on – Selvakumar Arumugam Sep 19 '12 at 20:36
@KleberS. If this works for you.. Please mark is as answered for closure. – Selvakumar Arumugam Sep 24 '12 at 21:02

JS: get the closest id number

1 Answers1