jQuery - 将模式与数组匹配的返回值

Question

我的表单有几个动态添加的<p> 元素。这就是一个人的样子：

<p id="numbox-1" class="numbox">1</p>

我需要设置一个函数，以便在单击按钮时获取 id（id 将被标记为 numbox-1、numbox-2 等）以及所有它们的 p 元素的值页。

我需要将值传递给将处理它们的 php 脚本，如果我可以将数据作为数组获取，这样我就可以在 php 中使用 for 循环。

我一直在使用 JSON 来传递数据，但我不确定这是否是最好的方法，请指教，谢谢-

Answer 1

您可以为此使用.map()，例如：

var arr = $('.numbox').map(function(){
            return { name: this.id, value: this.innerHTML };
          });

然后您可以将其作为data 参数传递，例如：

$.post("mypage.php", arr);

这将导致名称/值对的 POST，如下所示：

numbox-1=1&numbox-2=XX....

Answer 2

function getNumbox()
{
    var objNumbox = new Array();
    $('.numbox').each(function(index){
        objNumbox[index] = $(this);
    });
    return objNumbox;
}

//Test it out
$(document).ready(function(){
    var test = getNumbox();
    $(test).each(function(index){
        alert('ID: ' + $(test[index]).attr('id') + ' Text: ' + $(test[index]).text());
    });
});

Answer 3

我不确定你所说的“检查”按钮是什么意思，但也许这会有所帮助。

$(function(){
  $("#send-button").click(function(){
    var data = [];
    $('.numbox').each(function(){
      var $this = $(this);
      data.push( {
        id: $this.attr('id'),
        value: $this.html()
      } );
    });
    $.post('myurl.php', { numboxes: data });
  });
});

单击#send-button 时，它会创建一个返回数组，其中包含每个数字框ID 和值的对象。然后它将该数组发布到服务器。