[解決済み] テーブルセル(td)から対応するテーブルヘッダ(th)を取得するにはどうすればよいですか?
2023-06-21 10:04:04
質問
次のような表があった場合、各td要素に対応するテーブルヘッダをどのように取得すればよいでしょうか。
<table>
<thead>
<tr>
<th id="name">Name</th>
<th id="address">Address</th>
</tr>
</thead>
<tbody>
<tr>
<td>Bob</td>
<td>1 High Street</td>
</tr>
</tbody>
</table>
現在、私がどれかの
td
要素が既に利用可能である場合、どのようにして対応する
th
要素を見つけることができますか?
var $td = IveGotThisCovered();
var $th = GetTableHeader($td);
どのように解決するのですか?
var $th = $td.closest('tbody').prev('thead').find('> tr > th:eq(' + $td.index() + ')');
あるいはもう少し簡略化して
var $th = $td.closest('table').find('th').eq($td.index());
関連
-
[解決済み] jQueryを使って要素のIDを取得するにはどうすればよいですか?
-
[解決済み] jquery 3.0 url.indexOfエラー
-
[解決済み] 私のJavaScriptコードは "No 'Access-Control-Allow-Origin' header is present on requested resource "というエラーを受け取りますが、Postmanはそうならないのはなぜですか?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] jQueryでページを更新するにはどうすればよいですか?
-
[解決済み] jQueryを使ってドロップダウンリスト(セレクトボックス)から選択されたテキストを取得する
-
[解決済み] セレクタの子を取得する方法は?
-
[解決済み] jQueryで複数のクラスを持つ要素を選択するにはどうすればよいですか?
-
[解決済み] jQueryで名前を指定して要素を選択するには?
-
[解決済み] jQuery データ属性の値に基づいて要素を検索する方法は?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Uncaught TypeError: 未定義のプロパティ 'length' を読み取れませんでした。
-
[解決済み] ユーザーがEnterキーを押してフォームを送信できないようにする
-
[解決済み] jQueryがどのバージョンで読み込まれているかを確認するには?
-
[解決済み] jQueryの複数要素の同一クリックイベント
-
[解決済み] ドロップダウンのアイテムの選択値をjQueryで取得する
-
[解決済み] CSSを使用してSVG画像の色を変更する方法(jQuery SVG image replacement)とは?
-
[解決済み] JSONPとは何か、素人目にもわかるように説明してくれる人はいませんか?[重複)。
-
[解決済み] jQueryを使用してspanに値を設定する方法
-
[解決済み】jQuery:keyPress Backspaceが発射されない?
-
[解決済み] jQueryで<input type="text">のonchangeを実装するには?