ajax 数据 有序号,在ajax中添加序列号

这篇博客讨论了如何使用jQuery的Ajax方法动态创建表格行,并在每个表格行中添加序列号。作者遇到的问题是在表格中为每个<tr>元素插入序列号,通过解析JSON数据并在成功回调中构建表格结构。示例代码展示了如何删除现有行,获取选定的pins值,然后通过AJAX请求获取数据并更新表格内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我使用ajax来动态生成表行。我想为每个表行添加序列号,即 - td1。其他一切工作正常,请帮我添加每个tr的序列号。

< script >

$(document).ready(function () {

$('form').on('submit', function (e) {

e.preventDefault();

ajx();

});

function ajx() {

$('tbody>tr').remove();

var side = $('input[name=pins]:checked').val();

$.ajax({

beforeSend: function () {

$('#loader').show();

},

complete: function () {

$('#loader').hide();

},

url: "<?php echo base_url('user/genealogy/ajaxLevels')?>",

type: "POST",

dataType: 'json',

data: {

side: side

},

success: function (result)

{

var obj = jQuery.parseJSON(JSON.stringify(result));

var id = "#tbl";

$.each(obj, function () {

var row = $('

');

var td1 = $('

');

var td2 = $('

');

var td3 = $('

');

var td4 = $('

');

var td5 = $('

');

td1.text('1'); // I WANT TO ADD SERIAL NUMBER HERE

td2.text(this.name);

td3.text(this.id);

td4.text(this.date);

td5.text(this.sponsor_id);

row.append(td1);

row.append(td2);

row.append(td3);

row.append(td4);

row.append(td5);

$(id).append(row);

});

}

});

}

});

这是将要显示数据的表格:

S.No.NameMember IDDOJSponser ID

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值