javascript - 带有动态 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
});