从DIV获取数据

时间:2016-05-17 10:43:53

标签: php jquery html ajax post

我正在尝试从几个div获取数据并使用ajax将所有数据发布到PHP函数

<div id="1" class="structure_box span12 strow_0 ">
    <div class="structuretmp_name span6">
        <span>name</span>
    </div>
    <div id="structuretmp_list" class="structuretmp_list span6">
        <select id="jform_structuretmp" class="chzn-done" name="jform[structuretmp]" style="display: none;">
            <div id="jform_structuretmp_chzn" class="chzn-container chzn-container-single" style="width: 220px;"
                 title="">
                <a class="chzn-single" tabindex="-1">
                    <span>Age</span>
                    <div>
                        <div class="chzn-drop">
                        </div>
                        ...
                        //several item like this

我需要这样的东西来传递php文件作为json或对象 名称:姓名,年龄:生日,,, 例如,name是一个span,NAME是从所选插件中选择的字段

编辑:

脚本

  $(document).ready(function(){
            $("#submit").click(function(){

                    // AJAX Code To Submit Form.
                        $.ajax({
                        type: "POST",
                        url: "ajaxsubmit.php",
                        data: {
                            id: id,
                            org_name: org_name,
                            ...
                        },
                        cache: false,
                        success: function(result){
                        alert(result);

                     });

                return false;
            });
        });

2 个答案:

答案 0 :(得分:1)

如果您只想要文字,请使用.text();

var divContent = $('div').text();

并替换&#39; div&#39;使用您的div ID或Class

所以在你的情况下,它将是:

var age = $('.chzn-single span').text();

我建议你给你的跨度/项目一个课程,这样你就可以直接打电话给他们。

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_dom_html_get

答案 1 :(得分:1)

使用data-id属性将您的ID设置为基本DIV

data-id="YOUR ID" 

和基本div的特定名称,用于读取每个内部div和span

 name="base"

finnaly你可以通过以下方式轻松阅读所有数据:

   var base=jQuery('[name="base"]');
for (var i=0;i<base.length;j++)
        {

            obj = {id: jQuery(base[i]).attr('data-id')};

        }

并且您也可以使用JSON传递数据

data = JSON.stringify(data);

        jQuery.ajax({
            url: 'WHERE EVER YOU WANT',
            type: 'POST',
            data: {
                data
            },
            beforeSend: function (xhr) {

                return true;
            },
            success: function (result, status, xhr) {
                if (result == 'error')
                    return false;

                return true;
            },

        });