关于前台的一些事情

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输入框事件
    $('body').on('keyup','.my_content li [name=brand]',function () {

        $('tbody').html('');
        var t = $(this).val();
        if(t == null || t==''){
            return;
        }

        var brandList;
        $.ajax({
            type:'POST',
            url:'/display/template/getBrand',
            datatype:'json',
            data:{"name":t},
            async:false,
            success:function(msg){
                if(msg.code == '100'){
                    brandList = msg.data;
                }
            }
        });

        if ($(this).val() !== '') {

           var html="";
           for(var i= 0; i< brandList.length; i++){
               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);



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

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