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();
});