jQuery中的一些操作
程序员文章站
2022-07-13 11:42:00
...
在jQuery中的循环操作:
$.each(obj, function(index, el) {
// 循环体
});
obj:需要的循环对象
index:表示当前循环到元素的索引
el:元素,表示当前循环到的元素
原生JS给select添加option选项
var cateList = eval(ajaxResult);
cateField.innerHTML = '';
for(var idx in cateList) {
var option = document.createElement("option");
option.value = cateList[idx].id;
option.innerHTML = cateList[idx].name;
cateField.appendChild(option);
}
给table的tr加上点击事件
$('#content tbody').on('click','tr', function () {
// 这是获取第一个td文本
var firstTd = $(this).find("td:first").text();
// 这是获取第二个td的文本
var in_ku_id = $(this).find("td:nth-child(2)").text();
});
ajax渲染table
$('#content tbody').on('click','tr', function () {
// 入库编号
var in_ku_id = $(this).find("td:nth-child(2)").text();
// 将入库编号传给表单
$('#ku_list_id').val(in_ku_id);
$('#count tbody').html("");
$.ajax({
url: "{:url('/admin/stock/stock/kulist')}",
data: {ku_id:in_ku_id},
type: 'post',
dataType: 'json',
success: function (data) {
for (var i = 0; i < data.length; i++) {
tr = '<td>' + data[i].id + '</td>' + '<td>' + data[i].barcode +
'</td>' + '<td>' + data[i].goods_id + '</td>' + '<td>' + data[i]
.supply_name + '</td>' + '<td>' + data[i].standard + '</td>' + '<td>' +
data[i].unit + '</td>' + '<td>' + data[i].num + '</td>' + '<td>' + data[i].price + '</td>' +
'<td>' + data[i].sell_price + '</td>' + '<td>' + data[i].created_at + '</td>';
$("#count").append('<tr class="link">' + tr + '</tr>')
}
}
});
return false;
});
上一篇: jQuery对表单元素的取值和赋值操作
下一篇: ES常用操作