怎么样在移动过去的时候隐藏详细内容,我下面的方法可以实现,但只有三个表主表和详细表的时候可以这样,但如果有十个我就要写很多了,我想问怎么样用循环去实现?
#hovertable0/1/2是三个主表,#hoverdetail0/1/2是相对应的三个详细表。$(document).ready(function () {
$('#hoverdetail0').hide();
$('#hoverdetail1').hide();
$('#hoverdetail2').hide();
$('#hovertable0').find('td').hover(function () {
$('#hoverdetail0').show();
$('#hoverdetail1').hide();
$('#hoverdetail2').hide();
}, function () {
$('#hoverdetail0').hide();
$('#hoverdetail1').hide();
$('#hoverdetail2').hide();
});
$('#hovertable1').find('td').hover(function () {
$('#hoverdetail0').hide();
$('#hoverdetail1').show();
$('#hoverdetail2').hide();
}, function () {
$('#hoverdetail0').hide();
$('#hoverdetail1').hide();
$('#hoverdetail2').hide();
});
$('#hovertable2').find('td').hover(function () {
$('#hoverdetail0').hide();
$('#hoverdetail1').hide();
$('#hoverdetail2').show();
}, function () {
$('#hoverdetail0').hide();
$('#hoverdetail1').hide();
$('#hoverdetail2').hide();
});
});

解决方案 »

  1.   

    http://docs.jquery.com/Selectors/attributeStartsWith#attributevalue这可能是你要的.
    $("table[id^='hovertable']")就可以获得你所有TABLE中ID以hovertable开头的DOM对像(确切的说是JQ对像)        $('#hoverdetail0').hide();
            $('#hoverdetail1').hide();
            $('#hoverdetail2').hide();
    可以写成
    $('#hoverdetail0,#hoverdetail1,#hoverdetail2').hide();
      

  2.   

    他们最后的数字是一样的,我怎么判断呢?jquery有没有截取函数呀??