欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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 javascript