缩短JavaScript函数事件_Javascript_Jquery_Jquery Events

缩短JavaScript函数事件

javascript jquery

缩短JavaScript函数事件,javascript,jquery,jquery-events,Javascript,Jquery,Jquery Events,我有一个页面如下： <head> <script type="text/javascript" src="jquery-1.6.1.js"></script> <script type="text/javascript"> $(document).ready( function() { var i = 1; $('#prev').click(function() { $.ajax(

我有一个页面如下：

<head>
<script type="text/javascript" src="jquery-1.6.1.js"></script>
<script type="text/javascript">
$(document).ready( function() {
  var i = 1;
$('#prev').click(function() {
  $.ajax({
  type: 'POST',
  url: 'ajax.php',
  data: 'id=' + i,
  dataType: 'json',
  cache: false,
  success: function(result) {
    $('#content1').html(result[0]);
    $('#content2').html(result[1]);
    $('#content3').html(result[2]);
    $('#content4').html(result[3]);
    $('#content5').html(result[4]);
    $('#content6').html(result[5]);
  },
  });
  i++;
});
});
</script>
</head>
<body>
<table>
<tr>
<td id="prev">prev</td>
<td id="content1">X</td>
<td id="content2">X</td>
<td id="content3">X</td>
<td id="content4">X</td>
<td id="content5">X</td>
<td id="content6">X</td>
<td id="next">next</td>
</tr>
</table>
</body>


$（文档）.ready（函数（）{
var i=1；
$（'#prev'）。单击（函数（）{
$.ajax({
键入：“POST”，
url:'ajax.php'，
数据：“id=”+i，
数据类型：“json”，
cache:false，
成功：功能（结果）{
$（'#content1'）.html（结果[0]）；
$（'#content2'）.html（结果[1]）；
$（'#content3'）.html（结果[2]）；
$（'#content4'）.html（结果[3]）；
$（'#content5'）.html（结果[4]）；
$（'#content6'）.html（结果[5]）；
},
});
i++；
});
});
上
X
X
X
X
X
X
下一个

代码运行良好，但是否有任何解决方案可以一步完成？我的意思是如果我可以提供内容1-6一个公共类

content

，而不是特定的ID。如果内容单元格没有特定的ID（从

content1

到

content6

，并且有一个公共类

content

），我怎么做呢？

您可以在案例中使用此选项：

success: function(result) {
    for(var i=0; i < 6; i++)
    {
      $('#content' + (i + 1)).html(result[i]);
    }
  }

您可以在您的案例中使用此选项：

success: function(result) {
    for(var i=0; i < 6; i++)
    {
      $('#content' + (i + 1)).html(result[i]);
    }
  }

查看.each（）迭代器

假设您没有任何其他附带的

结果

，您也可以执行以下操作：

success: function(result) {
    $.each(result,function(i,e){
      $('#content' + (i + 1)).html(e);
    });
  }

假设您没有任何其他附带的

结果

，您也可以执行以下操作：

success: function(result) {
    $.each(result,function(i,e){
      $('#content' + (i + 1)).html(e);
    });
  }