zoukankan      html  css  js  c++  java
  • jQuery中的一些操作

    在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;
            });
    
  • 相关阅读:
    Junit。。。
    TCP
    InetAddress
    URL
    【转】Hello SDL
    批量移动文件
    在阿里云Ubuntu 14.04.5 LTS下安装nethogs0.8.5
    十二银元分三次找一假
    SQL解析
    POI
  • 原文地址:https://www.cnblogs.com/wxvirus/p/12896777.html
Copyright © 2011-2022 走看看