1 つの行に画像があり、次の行に対応するテキスト リンクがある HTML テーブル レイアウト (私は知っています) を持っているクライアントがいます。画像とテキストはどちらも個別にハイパーリンクされ、下線なしでスタイル設定されています (ここではコードには示されていません)。
<table>
<tr>
<td><a href="product1"><img src="productimage1.jpg" /></a></td>
<td><a href="product2"><img src="productimage2.jpg" /></a></td>
<td><a href="product3"><img src="productimage3.jpg" /></a></td>
<td><a href="product4"><img src="productimage4.jpg" /></a></td>
</tr>
<tr>
<td><a href="product1">Product1</a></td>
<td><a href="product2">Product2</a></td>
<td><a href="product3">Product3</a></td>
<td><a href="product4">Product4</a></td>
</tr>
</table>
CSSでは、テキストリンクで下線のホバーを実現できることを知っています。問題は、ユーザーが画像 (表の行) にカーソルを合わせて、対応するテキスト リンク (表の次の行) に下線を付けることができるかどうかです。たとえば、「productimage3.jpg」にカーソルを合わせると、Product3 リンクに下線が引かれます (ホバーがオフの場合は下線が引かれません)。jQuery で何かできると思っていますが、私は jQuery 初心者のようなものです。