小编Kar*_*vel的帖子

如何将相关单元格悬停在jQuery上？

我想知道如何使用jQuery突出显示相关表.

首先,我看着这个小提琴,发现如何突出垂直和水平.

我通过各种搜索找到了一种方法,但我找不到类似的东西.

我试着自己做,但我不知道.请帮我.

看看这里的图像.

如果选择左上角的单元格,则选择水平,垂直和对角线.

同时选择中心的单元格选择水平,垂直和对角线.

$('td').mouseover(function() {
  $(this).siblings().css('background-color', '#EAD575');
  var ind = $(this).index();
  $('td:nth-child(' + (ind + 1) + ')').css('background-color', '#EAD575');
});

$('td').mouseleave(function() {
  $(this).siblings().css('background-color', '');
  var ind = $(this).index();
  $('td:nth-child(' + (ind + 1) + ')').css('background-color', '');
});

Run Code Online (Sandbox Code Playgroud)

.tg-table-light {
  border-collapse: collapse;
  border-spacing: 0;
}

.tg-table-light td,
.tg-table-light th {
  background-color: #fff;
  border: 1px #bbb solid;
  color: #333;
  font-family: sans-serif;
  font-size: 100%;
  padding: 10px;
  vertical-align: top;
}

.tg-table-light .tg-even td {
  background-color: #eee;
}

.tg-table-light …

Run Code Online (Sandbox Code Playgroud)

html javascript css jquery html-table

Kar*_*vel

2018 10-31

4
推荐指数

1
解决办法

193
查看次数