jQuery 当 ID 包含方括号时选择器失败

Question

我有一个 php 脚本，它创建了许多输入，其 ID 在一个数组中。我正在尝试检查单击的值，但我认为由于选择器是一个数组而失败。我正在使用的代码如下。 amt 变量未定义。如果我将代码更改为不使用数组，它就可以工作。有没有办法访问作为数组元素的 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>

jQuery 当 ID 包含方括号时选择器失败

jQuery selector fails when ID contains square brackets

javascript

arrays

jquery-selectors