javascript - jQuery PHP 处理输入数组

Question

我有这样的结构:

<input type='text' name='value[$x]' class='kp'>
<input type='text' name='value[$y]' class='kp'>

jQuery

$( ".kp" ).keyup(function() {
      $('input[name^="value"]').each(function() {

      ***** HERE I WANT TO PRINT THE $x/$y VALUE INSIDE [] *****

      });
});

就像我的代码所说，我想获取数组的 $x/$y 变量。(使用 .val(); 函数我在文本框中获取字符串)

有办法吗？谢谢!

Answer 1

您可以在 each 中使用 $(this) 来访问当前元素，并在 name 属性上使用正则表达式来提取值。

$(this)                       // Current element in the loop
    .attr('name')             // Get the `name` attribute value
    .match(/\[(.*?)]/)[1];    // Match string inside square brackets

1. $(this).attr('name')会得到当前输入的name属性值
2. \[(.*?)] 将匹配方括号内的任何内容并将字符串添加到第一个捕获的组中
3. [1] 匹配数组将给出方括号内的字符串。

$(".kp").keyup(function() {
  $('input[name^="value"]').each(function() {
    console.log($(this).attr('name').match(/\[(.*?)]/)[1]);

  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='text' name='value[11]' class='kp'>
<input type='text' name='value[22]' class='kp'>