jquery从html,多个类中读取文本

时间:2014-10-16 19:14:24

标签: jquery ajax

我有五个不同的名称div,每个人都有不同的ID。 第一个div,第二个div是1-5次,另外三个div,他们永远不会知道多少,但肯定超过10次全身。

我需要通过jQuery(循环)方式读取它们,我可以逐行保存每个所谓的行 jQuery将重复此过程,直到所有内容都被读取并保存。每次这5个div

第三,第四,第五个div,它们总是相同的数量,

使用该代码我只得到一个div信息。

var kuupaev = "";
$('.page .sub').each(function(){
    kuupaev = $(this).text();
        $.ajax({
                url: 'save.php',
                type: 'POST',
                data: {kuupaev:kuupaev},
                success: function (data) {
                  callback(data);
                }
            });    
 });
也许有人可以帮助我。非常感谢你

抱歉英语不好......

编辑:我想通了..

 <script>
 for(var index = 0; index < $(".page_channel").nextUntil(".page_channel").andSelf().length; index++)
 {
    /*
    var pikkus = $(".page_channel").nextUntil(".page_channel").andSelf().length;
    alert(pikkus)
     */

    var kanal = $('.page_channel .1').first().text();  
    var kuupaev = $('.page_channel .2').first().text();
    var kell = $('.page_channel .3').eq(index).text(); 
    var sisu_pilt = $('.page_channel .4').eq(index).val(); 
    var pealkiri = $('.page_channel .5').eq(index).text();  



        $.ajax({
                url: 'save.php',
                type: 'POST',
                data: {kuupaev:kuupaev,kanal:kanal,kell:kell,pealkiri:pealkiri,sisu_pilt:sisu_pilt},
                success: function (data) {
                  callback(data);   
                }
            }); 
      }
 </script>  

1 个答案:

答案 0 :(得分:1)

您可以将多个参数传递给数据参数,如下例所示:

 $.ajax({
   url: 'save.php',
   type: 'POST',
   data: {
     div1: 'info from div1',
     div2: 'info from div2',
     div3: 'info from div3',
     div4: 'info from div4',
     div5: 'info from div5'
   },
   datatype: 'JSON'
   success: function(data) {
     callback(data);
   }
 });

然后你可以使用jQuery获取div信息,如下所示:

var div1 = $("#div1").text();
var div2 = $("#div2").text();
var div3 = $("#div3").text();
var div4 = $("#div4").text();
var div5 = $("#div5").text();

要将它们组合在一起,您必须将变量传递给数据数组

data: {
         div1: div1,
         div2: div2,
         div3: div3,
         div4: div4,
         div5: div5,
       },