php - jQuery 将动态元素 id/值传递到 PHP

Question

我想将dynamicLi元素id和文本传递到PHP中，如下所示。

<ul id ='dynamicUL'>
    <li id='dynamicLi'><div id="fieldname">Field 1</div></li>
    <li id='dynamicLi'><div id="fieldname">Field 2</div></li>
    <li id='dynamicLi'><div id="fieldname">Field 3</div></li>
</ul>

dynamicLi 和字段名是通过 PHP 和 jQuery 从数据库生成的，因此没有固定的数字。

我应该使用什么方法将此字段名 id 和文本(字段 1、2、3)传递到 PHP 中？使用数组、json 还是 xml？我应该如何使用 jQuery 来做到这一点？

谢谢。

Answer 1

您可以在这里看到我的答案: http://jsfiddle.net/kq2uQ/

HTML 我在dynamicLi 的末尾添加了数字，因为您的ID 在页面上必须是唯一的。 我还添加了一个包装器

<div id="wrapper">
    <ul id ='dynamicUL'>
        <li id='dynamicLi1'><div id="fieldname">Field 1</div></li>
        <li id='dynamicLi2'><div id="fieldname">Field 2</div></li>
        <li id='dynamicLi3'><div id="fieldname">Field 3</div></li>
    </ul>
</div>

Javascript

$(document).ready(function() {

    var unordered_lists = $("#wrapper ul");

    $.each (unordered_lists, function(i, list) {
        var list_elements = $(list).children("li");
        var list_id = { data: [] }

        $.each (list_elements, function(i, element) {
           var id = $(element).attr("id");
           list_id.data[i] = id;
        });

        //alert(list_id.data);
        $.post("/path/to/file.php", list_id.data);
    });

});