第一种方法
<td>
<c:if test="${item.compareFlag=='W'}"><div>未比对</div></c:if>
<c:if test="${item.compareFlag=='Y'}"><div>一致</div></c:if>
<c:if test="${item.compareFlag=='N'}"><div id="compareResult" style="padding: 5px;position:absolute;display:none; z-index:100;border:1px solid gray;background-color:white;">${item.compareNode}</div><div id="compareNode" >不一致</div></c:if>
</td>
$(document).ready(function(){
$('#compareNode').hover(function() {
$("#compareNode").css('display','none');
$("#compareResult").css('display', 'block');
}, function() {
$("#compareResult").css('display', 'none');
$("#compareNode").css('display', 'block');
});
$("#compareResult").hover(function() {
$(this).css('display', 'block');
$("#compareNode").css('display','none');
}, function() {
$(this).css('display', 'none');
$("#compareNode").css('display', 'block');
});
})
第二种方法:直接在td元素上添加
title = "${item.compareNode}"
两种方法都可显示