获得多个div内容

时间:2012-09-09 20:18:40

标签: jquery

我有这样的html结构:

 <div class='inside'>
    <div>429185</div>
    <div>492128</div>               
 </div>

有时里面只有一个div。我需要获取这两个数字,并通过ajax将它们发送到PHP脚本。以下是ajax的样子:

var value_of_divs = jQuery(".inside div").text();

jQuery.ajax({
    type: 'POST',
    data: {
        action: 'someaction',
        code: value_of_divs
    },
    url: '/somescript.php',
    success: function(msg) {
    jQuery('#somediv').html(msg);
    }
});

但是正如你所看到的,只有当一个div位于“inside”div中时,这才有效。当有两个div(如例子)时,我从php脚本中得不到任何东西。如何获取两个div的内容(作为数组?)并将它们发送到ajax?

2 个答案:

答案 0 :(得分:3)

var value_of_divs = $.map($('.inside div'), function (div) {
    return div.innerHTML
});

答案 1 :(得分:1)

var value_of_divs = [];

jQuery(".inside div").each(function(){
    value_of_divs.push(jQuery(this).text());

});

jQuery.ajax({
    type: 'POST',
    data: {
        action: 'someaction',
        code: value_of_divs
    },
    url: '/somescript.php',
    success: function(msg) {
    jQuery('#somediv').html(msg);
    }

});