关于前台的一些事情

1.https://www.cnblogs.com/wfqjcq/p/7182123.html

选择多级标签里面的数据
下面是选择的代码.my_content li table tbody tr：一级一级地查找，也就是点击tr这一行后出发事件

    $('body').on('click','.my_content li table tbody tr',function () {
        $('[name=brand]').val($(this).children('td').eq(1).text());
        $('.my_content li table').hide()
    });

上面的重点在于.val($(this).children(‘td’).eq(1).text());这也是第一点主要说的事情
选择了.my_content li table tbody tr触发了事件，那么children里面的td就是这个行里面的列了
后面加上个eq 1 代表选择索引为1的数据，就是第二列的数据

2.动态在某个区域生成列表

下面就需要使用到html代码的拼接了

 //    input输入框事件，keyup 事件
    $('body').on('keyup','.my_content li [name=brand]',function () {//一级一级地找到name是brand的元素

        $('tbody').html('');
        var t = $(this).val();//得到name是brand的元素的内容
        if(t == null || t==''){
            return;
        }

        var brandList;
        $.ajax({
            type:'POST',
            url:'/display/template/getBrand',
            datatype:'json',
            data:{"name":t},//前端给后台传递值，将t传给后台
            async:false,
            success:function(msg){
                if(msg.code == '100'){
                    brandList = msg.data;//后台处理成功后使用msg接收，将msg里面的数据赋值给brandList
                }
            }
        });

        if ($(this).val() !== '') {
           var html="";
           for(var i= 0; i< brandList.length; i++){//遍历得到brandList里面的元素
               html += ' <tr><td><input type="radio" name="rad"></td> ';
               html += '<td data-name="brand">' + nullToSpace(brandList[i].brand) + '</td> ' ;
               html += '<td data-name="remark">' + nullToSpace(brandList[i].remark) + '</td> ' ;
               html += '</tr>';
           }
            $('tbody').append(html);//拼接完成后使用追加的形式将这个拼接完成的html追加上去，其实就是填充



        } else {
            $('.my_content li table').hide();
            html = "";
        }

        $('.my_content li table').show();
    });