javascript - JS：获取最近的id号

Question

具有以下结构：

<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>​

我试图在remove单击链接时获取所选 ID 的 ID 号。在这种情况下，我需要从“neighborhood_id2”中获取数字 2。

但首先我只是想获得完整的 ID。neighborhood_id2使用以下代码：

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

但这返回了我undefined。

注意：该id数字是在动态表单上即时生成的。所以我可能有neighborhood_id3等等。

Answer 1

尝试使用.closest('tr')which will get you thetr然后找到select,

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

正如安德烈亚斯指出的那样..使用.on（委托事件）/.delegate