Javascript Jquery bg悬停在a<；td>；标签

我正在尝试将悬停效果应用于此JSFIDLE：

要测试： 单击表1行中的“编辑”按钮

问题： 从表2拖放到表1后，得到黑色背景

我试图归档的内容：

1-如果我将鼠标悬停在该单元格中，我希望td获得此黑色背景，而不是输入值

2-在表2中的值下降后，应在2秒后进行fadein bg黄色和消失

$（文档）.ready（函数（）{
var dataUrl='1〕http://www.json-generator.com/api/json/get/ccTtqmPbkO?indent=2';
变量选项=[{
关键字：“选项1”，
价值：1
}, {
关键字：“选项2”，
价值：2
}, {
关键字：“选项3”，
价值：3
}];
var rowCache=[]；
函数mouseUp（事件）{
var ctrl=$（document.elementsFromPoint（event.clientX，event.clientY））.filter（'input.border highlight'）；
如果（ctrl.length>0&&rowCache.length>0）{
var el=rowCache[0]；
var data=el.row.data（）；
如果（data.length>0）{
ctrl.val（数据[0].name）；
el.row.remove（）.draw（）；
}
}
rowCache=[]；
$（“#示例tr td:n子（2）输入”）.removeClass（'border-highlight'）；
}
$（文档）.ready（函数（）{
var$table=$（“#示例”）；
var dataTable=null；
$（'body'）.mouseup（mouseup）；
$table.on（'mousedown'，'td.fa.fa减去平方'，函数（e）{
dataTable.row（$（this.closest（“tr”））.remove（）.draw（）；
});
$table.on（'mousedown.edit'，'i.fa.fa pencil square'，函数（e）{
启用行编辑（$（this））；
});
$table.on（'mousedown'，'input'，函数（e）{
e、 停止传播（）；
});
$table.on（'mousedown.save'，'i.fa.fa-envelope-o'，函数（e）{
updateRow（$（this），true）；//将保存按钮传递给函数。
});
$table.on（'mousedown'，'select basic'，函数（e）{
e、 停止传播（）；
});
dataTable=$table.dataTable({
ajax:dataUrl，
行重新排序：{
dataSrc:'命令'，
选择器：“tr”
},
栏目：[{
数据：“订单”
}, {
数据：“名称”
}, {
数据：“地点”
}, {
数据：“删除”
}]
});
$table.css（'border-bottom'，'none'）
.after（$（''）.addClass（'addRow'））
.append（$（''）.attr（'id'，'addRow'）.text（'addnewrow'））；
//添加行
$（'#addRow'）。单击（函数（）{
var$row=$（“#新行模板”）.find（'tr'）.clone（）；
dataTable.row.add（$row.draw（）；
//创建时切换编辑模式。
enableRowEdit（$table.find（'tbody tr:last child td i.fa.fa pencil square'）；
});
$（'#btn save'）。在（'单击'，函数（）上）{
updateRows（true）；//更新所有编辑的行
});
$（'#btn cancel'）。在（'click'，function（）上{
updateRows（false）；//还原所有编辑的行
});
功能启用行编辑（$editButton）{
$editButton.removeClass（）.addClass（“fa-信封-o”）；
var$row=$editButton.closest（“tr”）.off（“mousedown”）；
$row.find（“td”）.not（“：first”）.not（“：last”）.each（函数（i，el）{
enableEditText（$（此））
});
$row.find（'td:first'）。每个（函数（i，el）{
enableEditSelect（$（此））
});
}
函数enableEditText（$cell）{
var txt=$cell.text（）；
$cell.empty（）.append（$（“”{
键入：“文本”，
值：txt
}).data（'origing-text'，txt））；
}
函数enableEditSelect（$cell）{
var txt=$cell.text（）；
$cell.empty（）.append（$（“”{
类：“选择基本”
}).append（options.map）（函数（option）{
返回$（''）{
text:option.key，
值：option.value
})
})).data（'original-value'，txt））；
}
函数updateRows（提交）{
$table.find（'tbody tr td i.fa.fa-envelope-o'）。每个（函数（索引、按钮）{
updateRow（$（按钮），提交）；
});
}
函数updateRow（$saveButton，commit）{
$saveButton.removeClass（）.addClass（'fa-fa铅笔方块'）；
var$row=$saveButton.closest（“tr”）；
$row.find（'td'）。not（'：first'）。not（'：last'）。每个（函数（i，el）{
var$input=$（this.find（'input'）；
$（this）.text（提交？$input.val（）：$input.data（'original-text'）；
});
$row.find（'td:first'）。每个（函数（i，el）{
var$input=$（this.find（'select'）；
$（this）.text（提交？$input.val（）：$input.data（'original-value'）；
});
}
});
$（文档）.ready（函数（）{
var url='1〕http://www.json-generator.com/api/json/get/bXcKDeAbyq?indent=2';
表=$（'#示例2'）。数据表({
ajax:url，
订单：[
[0，“描述”]
],
行重新排序：{
dataSrc:'地点'，
选择器：“tr”
},
栏目：[{
数据：“名称”
}]
});
表.on（'mousedown'，'tbody tr'，function（）{
var$row=$（此）；
var=表行（函数（i，数据）{
return data.name==$row.children（）.first（）.text（）；
});
如果（r[0]。长度>0）{
$row.parents（'table'）.find（'tr'）.removeClass（'highlight'）；
$row.addClass（'highlight'）；
$（'#示例tr td:nth child（2）input'）.addClass（'border-highlight'）；
}
rowCache.push({
行：r
});
});
});
});

addRow分区{
线高：45px；
背景色：#fff；
左侧填充：10px；
边框底部：1px实心；
边框顶部：1px实心#e5；
}
突出显示{
背景色：#D0ECE7！重要；
}
.边界亮点{
背景色：黑色！重要；
边框宽度：3倍；
颜色：白色；
}

秩序
名称
国家
行动
999
__名字__
var members = $('#example tr td:nth-child(2)');
        members.filter(':has(input)').addClass('border-highlight');
        members.find('input').addClass('border-highlight');  


 var members = $('#example tr td:nth-child(2)');
 members.filter(':not(:has(input))').removeClass('border-highlight');