0

我有一个非常简单的问题，有很多标记要导航。我已经上传了一个文件，该文件的所有内容都在同一个 .html 中以供审查。在这里发帖太长了（标记@ 1500 行），但我可以给出行# 关键注释。

http://www.sinsysonline.com/repair/price.html

jQuery：

<script>
    (function() { 

       $('tr.catTr td').not('.category').hover(function () {

            var priceSel = $(this).index();

            $('tr.priceRow td').eq(priceSel).addClass('price_hover');
            $('tr.priceRow2 td').eq(priceSel).addClass('price_hover');
            $('tr.catTr td:nth-child(' + (priceSel + 1) + ')').addClass('vertFilt');
            $(this).parent('tr').find('td.category').addClass('category_hover');
            $(this).parent('tr').find('td').not('.category').addClass('rowHov');

        }, function () {
            var priceSel = $(this).index();
            $('tr.priceRow td').eq(priceSel).removeClass('price_hover');
            $('tr.priceRow2 td').eq(priceSel).removeClass('price_hover');
            $('td.vertFilt').removeClass('vertFilt');
            $(this).parent('tr').find('td.category').removeClass('category_hover');
            $(this).parent('tr').find('td').removeClass('rowHov');
       });

})();
</script>

问题似乎是我专门针对垂直突出显示（台式机/笔记本电脑/服务器）的功能，以及底部的次要突出显示，仅适用于Drop Off页面。

让我现在给出我的理论......

每个表的 ID 为 'prices': 共 4 行，行数： 348, 541, 735, 968 。如果我将其设为类而不是 ID，我的 CSS 会破坏水平定位。

我一直认为多个 ID 都可以，只要一次只能看到一个：例如：http ://www.sinsysonline.com/repair/contact.html

这是只有第一页突出显示上下悬停系统的原因还是其他原因？

有什么我可以在这里修复以仅针对可见表的吗？

var priceSel = $(this).index();
        $('tr.priceRow td').eq(priceSel).addClass('price_hover');
        $('tr.priceRow2 td').eq(priceSel).addClass('price_hover');

再次：

http://www.sinsysonline.com/repair/price.html

4

1 回答 1

0 
<script>
    (function() { 

       $('tr.catTr td').not('.category').hover(function () {

            var priceSel = $(this).index();
            console.log(priceSel);
            $(this).closest('table').find('tr.priceRow td').eq(priceSel).addClass('price_hover');
            $(this).closest('table').find('tr.priceRow2 td').eq(priceSel).addClass('price_hover');
            $('tr.catTr td:nth-child(' + (priceSel + 1) + ')').addClass('vertFilt');
            $(this).closest('tr').find('td.category').addClass('category_hover');
            $(this).closest('tr').find('td').not('.category').addClass('rowHov');

        }, function () {
            var priceSel = $(this).index();
            $(this).closest('table').find('tr.priceRow td').eq(priceSel).removeClass('price_hover');
            $(this).closest('table').find('tr.priceRow2 td').eq(priceSel).removeClass('price_hover');
            $('td.vertFilt').removeClass('vertFilt');
            $(this).closest('tr').find('td.category').removeClass('category_hover');
            $(this).closest('tr').find('td').removeClass('rowHov');
       });

})();
</script>

解决问题

于 2013-06-02T20:15:02.440 回答