Javascript 突出显示表中的行和列

我想突出显示表中的行和列，但不是全部，直到选定的一个td结束。我会在这里放一个链接来证明我想要的东西，往下看，尺寸表在哪里，尺寸表悬停在上面，你会看到：

http://www.nike.com/ro/en_gb/c/size-fit-guide/mens-shoe-sizing-chart

我怎样才能用这样的限制突出显示

---

这是我的表格：

这是一个类似的CSS教程。它会给你一个更好的主意。

---

希望这对您有所帮助。

这里是使用jquery突出显示行的示例链接 我想就是这样：

---

您可以为要高亮显示的标记指定bgcolor。 内容

或者，您也可以将类赋予要高亮显示的标记。 实例 所容纳之物

---

并为style.css文件提供背景色。

这个问题肯定很有趣，不过，您是如何尝试实现这样一个有趣的目标的？除了小提琴本身，它只有视图部分，而不是逻辑部分。我在我的电脑上尝试了很多，在小提琴中，我只是插入了我的桌子，以方便想帮助我的人。我已经访问了这个，但不是我想要的，它应该在悬停td后停止，而不是继续向下

  $( "td" ).hover(
  function() {
    var myCol = $(this).index();
    var $tr = $(this).closest('tr');
    var myRow = $tr.index()+1;
    $('tr:nth-child('+myRow+') td:lt('+myCol+')').addClass( "hover" );
    myCol++; myRow--;
    $('table tbody td:nth-child('+myCol+')').each(function (index) {
        if(index<myRow)  $(this).addClass( "hover" );
    });
    $(this).addClass('hoverBold');
  }, function() {
    $( '*' ).removeClass( "hover" );
    $(this).removeClass('hoverBold');
  }
);