前端div变化事件即混编

 html中div绑定变化事件

$("#faculty_detail_id").bind('DOMNodeInserted', function(e) {})//id为faculty_detail_id的div改变时触发。

js中div添加元素

var html = '<div class="empty" style="text-align: center;margin-top: 6%;font-size: 2em;">暂无数据</div>';
$('#salesOrder').html(html);
html混编

table.find('tbody').html("");
var html = '';
for (var item in data.list) {
    html += '<tr>';
    html += '<td name="receipt_id">' + data.list[item]['receipt_id'] + '</td>';//收款单号
    html += '<td name="sales_order_id">' + data.list[item]['sales_order_id'] + '</td>';//活动单号
    html += '<td name="receipt_time">' + data.list[item]['receipt_time'] + '</td>';//收款时间
    html += '<td name="receipt_money">' + data.list[item]['receipt_money'] + '</td>';//收款金额
    html += '<td data-id="' + data.list[item]['receipt_mode_id'] + '" name="receipt_mode_id">' + data.list[item]['receipt_mode_name'] + '</td>';//收款类型
    html += '<td data-id="' + data.list[item]['receipt_type_id'] + '" name="receipt_type_id">' + data.list[item]['receipt_type_name'] + '</td>';//收款方式
    html += '<td name="handle_person">' + data.list[item]['handle_person'] + '</td>';//经手人
    html += '<td name="explain">' + data.list[item]['explain'] + '</td>';//说明
    html += '<td><a href="javascript:;" onclick="pus.edit_receipt($(this))">编辑</a>  <a href="javascript:;"  onclick="pus.del_receipt_detail($(this))">删除</a></td></tr>';
}
table.find('tbody').html(html);

混编案例2，连接方式为:html += 或 每行后面的加号 +

table.find('tbody').html("");
var html = '';
for (var item in data.list) {
    html += '<tr>';
    html += '<td name="tips_id">' + data.list[item]['tips_id'] + '</td>';//ID
    html += '<td name="sales_order_id">' + data.list[item]['sales_order_id'] + '</td>';//订单号
    html += '<td name="serial_number">' + data.list[item]['serial_number'] + '</td>';//流水号
    html += '<td name="accessory_name">' + data.list[item]['accessory_name'] + '</td>';//附件名称
    html += '<td name="accessory_url" class="ey"><div title="' + data.list[item]['accessory_url'] + '">' + data.list[item]['accessory_url'] + '</div></td>';//附件路径
    if (data.list[item]['accessory_type'] == 1) {
        html += '<td data-id="' + data.list[item]['accessory_type'] + '" name="accessory_type">健康调查表</td>';//附件类型名单
    } else if (data.list[item]['accessory_type'] == 2) {
        html += '<td data-id="' + data.list[item]['accessory_type'] + '" name="accessory_type">物资通知</td>';//附件类型名单
    } else if (data.list[item]['accessory_type'] == 3) {
        html += '<td data-id="' + data.list[item]['accessory_type'] + '" name="accessory_type">出行通知</td>';//附件类型名单
    } else if (data.list[item]['accessory_type'] == 4) {
        html += '<td data-id="' + data.list[item]['accessory_type'] + '" name="accessory_type">开营仪式</td>';//附件类型名单
    } else if (data.list[item]['accessory_type'] == 5) {
        html += '<td data-id="' + data.list[item]['accessory_type'] + '" name="accessory_type">活动体验</td>';//附件类型名单
    } else if (data.list[item]['accessory_type'] == 6) {
        html += '<td data-id="' + data.list[item]['accessory_type'] + '" name="accessory_type">结营</td>';//附件类型名单
    } else {
        html += '<td data-id="' + data.list[item]['accessory_type'] + '" name="accessory_type">其他</td>';//附件类型名单
    }
    /******************************************************************************************************************/
    if (data.list[item]['accessory_attr'] == 1) {
        html += '<td data-id="' + data.list[item]['accessory_attr'] + '" name="accessory_attr">文件</td>';//附件类型名单
    } else if (data.list[item]['accessory_attr'] == 2) {
        html += '<td data-id="' + data.list[item]['accessory_attr'] + '" name="accessory_attr">图片</td>';//附件类型名单
    } else {
        html += '<td data-id="' + data.list[item]['accessory_attr'] + '" name="accessory_attr">视频</td>';//附件类型名单
    }
    html += '<td name="explain">' + data.list[item]['explain'] + '</td>';//说明
    html +=
        '<td>' +
        '<a href="javascript:;"  onclick="pus.see_tips($(this))">查看</a>' +
        '</td></tr>';
}
table.find('tbody').html(html);

联动点击事件

onClick="$('#img_pic').click()"//点击本元素的效果和点击id为img_pic元素的效果一样，进行了效果绑定