具有动态id的jQuery选择

Question

我有一个动态生成的表单,并且具有动态生成的id(以及可能的类).表格是相同的,但他们有相关的ID添加到最后.

如何选择每组输入并为每个输入应用代码？

我正在尝试使用$('input [id ^ = @ id_airline_for_]'),但无法让它飞起来.我怀疑我遗漏了一些基本的jQuery知识,这些知识阻碍了我,因为我确信这是动态表单的常见问题.

<form method='POST'>
    <label for="id_airline_for_8">Airline</label>:
    <input id="id_airline_for_8" class="arrival_transfer_toggle_8" type="text" maxlength="30" name="airline_for_8"/>
    <label for="id_flight_number_for_8">Flight Number</label>:
    <input id="id_flight_number_for_8" class="arrival_transfer_toggle_8" type="text" maxlength="30" name="flight_number_for_8"/>

    <label for="id_airline_for_17">Airline</label>:
    <input id="id_airline_for_17" class="arrival_transfer_toggle_17" type="text" maxlength="30" name="airline_for_17"/>
    <label for="id_flight_number_for_17">Flight Number</label>:
    <input id="id_flight_number_for_17" class="arrival_transfer_toggle_17" type="text" maxlength="30" name="flight_number_for_17"/>

    -- snip --

</form>

编辑:我应该更新,我希望能够在单击输入时执行某些操作,但仅限于最后匹配id的类.

为了方便起见,假设我希望在#id末尾带有匹配id的所有输入在单击一个时消失(仅为了参数).

Answer 1

$("input[id^='id_airline_for_']").each(function() {
  var id = parseInt(this.id.replace("id_airline_for_", ""), 10);
  var airline = $("#id_airline_for_" + id);
  var flightNumber = $("#id_flight_number_for_" + id);
  // do stuff with airline and flightNumber <input>s
});