前提・実現したいこと

ｈｔｍｌの表で特定の文字が含まれるセルの背景を変えたい

発生している問題・エラーメッセージ

<tr> <td>新造一条院</td> <td>1056/3/10</td> <td>1059/2/22</td> <td>2年11月13日</td> <td>１１月</td> </tr> <tr> <td>一条院炎上</td> <td>1059/2/22</td> <td> </td> <td> </td> <td>居所焼亡</td> </tr> <tr> <td>室町第</td> <td>1059/2/22</td> <td>1059/3/24</td> <td>31日</td> <td> </td> </tr> <tr> <td>三条堀河殿</td> <td>1059/3/24</td> <td>1060/9/8</td> <td>1年5月16日</td> <td> </td> </tr> のように <td>***日</td> の行を抽出したいご教示いただければ幸いです。 ### 該当のソースコード

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

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

ここにより詳細な情報を記載してください。

yambejp

2021/07/05 07:36

> セルの背景を変えたいどこの何をどうしたいのか例示下さい

K_3578

2021/07/05 07:37

正規表現タグは何の関係があるんでしょうか

gaihan

2021/07/05 08:18

正規表現で「日」を抽出し、「日」が入っているセルを特定しその背景を指定したい。

K_3578

2021/07/05 08:19

じゃあ目的にそう書いてください。ついでにソースコードはMarkDownのcode機能で提示してください。全部選択して<code>ボタン押せば良いです。

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

回答1件

ベストアンサー

javascript
1<style>
2tr.active td{
3  background-Color:yellow;
4}
5</style>
6
7<script>
8window.addEventListener('DOMContentLoaded', ()=>{
9  document.querySelectorAll('td').forEach(x=>{
10    if(/日$/.test(x.textContent)) x.closest('tr').classList.add('active');
11  });
12});
13</script>

追記

セルのみ背景変更

javascript
1<style>
2td.active {
3  background-Color:yellow;
4}
5</style>
6
7<script>
8window.addEventListener('DOMContentLoaded', ()=>{
9  document.querySelectorAll('td').forEach(x=>{
10    if(/日$/.test(x.textContent)) x.classList.add('active');
11  });
12});
13</script>