Question

jq table表格点击添加按钮自动添加一行,但是添加得一行样式为什么没有了，直接拼接得html

$('.add').click(function(){
var addtr ="<tr class='entry_item edit-row'>"
+"<td class='col_operate'><div class='operate'><a title='增加分录' class='add'></a><a title='删除分录' class='del'></a></div></td>"
+"<td class='col_summary summary_val'><div class='cell_val'></div><input type='text' class='edit_summary' ></td>"
+"<td class='col_option'><div class='option' id='layerDemo' style='margin-bottom: 0;'>"
+"<a class='selSummary layui-btn layui-btn-normal' data-type='auto' data-method='offset' style='display: block' data-value='0'>摘要</a></div></td>"
+"<td class='col_subject'><div class='subject-dtl'><div class='cell_val subject_val' style='display: none'><p>金额100万</p></div>"
+"<input type='text' class='edit_subject subject_input_'><div class='curBalance' style='display: none'>余额:<a class='balance'></a></div></div></td>"
+"<td class='col_option' id='layerDemo'><div class='option'><a class='selSummary'>栏目</a></div></td>"
+"<td class='col_debite col_common'><div class='cell_val debit_val'></div><input type='text' class='edit_money'></td>"
+"<td class='col_credit col_common'><div class='cell_val credit_val'></div><input type='text' class='edit_money' ></td></tr>";
$("#table1 tbody").append(addtr);　
});
红色框得那一行是添加得，之前写得样式没有了鼠标事件也没有了。为什么？

Answer 1

$('.add').click(function(){})
这是你点击添加的事件
改成
$('.这是你 tr 的父亲名字').on('mouseover','tr',function(){})