當 ID 包含方括號時，jQuery 選擇器失敗

Question

我有一個 php 腳本，它創建了許多 ID 位於數組中的輸入。 我正在嘗試檢查單擊的值，但由於選擇器是一個數組而失敗，我認為。 我正在使用的代碼如下。 amt 變量未定義。 如果我將代碼更改為不使用 arrays，它可以工作。 有沒有辦法訪問作為數組元素的 ID？ 這是我的jsfiddle 。

 $(".map-price").keyup(function(event) { var id = event.target.id; var amt = $("#" + id).val(); console.log(id + ' ' + amt); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div> <input type="input" name="map_price[1]" id="products_map_price[1]" class="map-price"> </div> <div> <input type="input" name="map_price[2]" id="products_map_price[2]" class="map-price"> </div>

Answer 1

您可以將整個元素傳遞給 jquery：

 $(".map-price").keyup(function(event) { var amt = $(event.target).val(); console.log(event.target.id + ' ' + amt); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div> <input type="input" name="map_price[1]" id="products_map_price[1]" class="map-price"> </div> <div> <input type="input" name="map_price[2]" id="products_map_price[2]" class="map-price"> </div>