テーブルをhoverしたときにhoverしている要素の縦と横のセルの背景色を変えたい

前提・実現したいこと

テーブルをhoverしたときにhoverしている要素の縦と横のセルの背景色を変えたいです
縦と横の要素の背景色を変えることは出来たのですが一番上のセルの背景色をうまく制御することが出来ないです

白にするのではなく元の背景色#efefefにしたいです

WordPressのTablePressというプラグインを使っておりHTMLは変えられないのでどのようにすればよいか教えていただけませんか

該当のソースコード

Codepenで動作確認出来る形にしました
CodePen

js
1$(function () {
2  $(".price-table-wrapper table td").hover(
3    function () {
4      var idx = $(this).index() + 1;
5      var tds = $(this)
6        .closest(".price-table-wrapper table")
7        .find("td:nth-child(" + idx + ")");
8      tds.css("background-color", "rgb(191,239,255)");
9      $(this).css("background-color", "rgb(191,239,255)");
10      $(this).siblings().css("background", "rgb(191,239,255)");
11    },
12    function () {
13      var idx = $(this).index() + 1;
14      var tds = $(this)
15        .closest(".price-table-wrapper table")
16        .find("td:nth-child(" + idx + ")");
17      tds.css("background-color", "#fff");
18      $(this).css("background-color", "#fff");
19      $(this).siblings().css("background", "#fff");
20      $(this).siblings(":first").css("background", "#efefef");
21    }
22  );
23});
24

補足情報（FW/ツールのバージョンなど）

WordPress, TablePress

行動規範の内容に同意します

回答1件

ベストアンサー

第2引数を空文字にすると、そのstyleを消せます。

js
1/*
2tds.css("background-color", "#fff");
3$(this).css("background-color", "#fff");
4$(this).siblings().css("background", "#fff");
5$(this).siblings(":first").css("background", "#efefef");
6*/
7tds.css("background-color", "");
8$(this).css("background-color", "");
9$(this).siblings().css("background", "");