![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
<table>
<tr>
<td>右がリンクになります</td>
<td><a href="http://www.com">ウェブサイト</a></td>
</tr>
<tr>
:
:
</tr>
</table>
というテーブルがあります。
このとき、たとえば一番上の行では"td:nth-child(1)"だと"右がリンクになります"、"td:nth-child(2)"だと"ウェブサイト"に該当しますが、"http://www.com"を取り出したい場合はなんと打てばいいのでしょうか。
よろしくお願いします。
No.3
- 回答日時:
セレクタ API を使う場合、できるだけ絞り込む形にした方が良いです。
var a = document.querySelector('table:nth-of-type(1) tr:nth-child(1) > td:nth-child(2) > a[href*="www.com"]');
if (a) a.href;
ただし、jQuery 内部で用いられている Sizzle など、お手製エンジンが走るような場合、作り方によっては長いセレクタに膨大な時間がかかります。この場合、組み合わせ爆発が起きなくなるまで、子孫セレクタを極力使わないようにします。
table > tbody > tr:nth-child(1) a[href^="http://www.com"]
なるべく、ネイティブ実装の querySelector() を用い、どうしてもやむをえない場合のみライブラリ系を(特製を把握しつつ)使って下さい。
No.1
- 回答日時:
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- MySQL SQL任意に並び替えをしたい 2 2023/08/28 10:47
- JavaScript 追加ボタンを押した際に ok ボタンを押した場合のみ入力値が追記されるようにしたいです 6 2022/05/29 09:57
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
至急!GetElementById でtdの...
-
Excelで作ったhtmlファイルのサ...
-
tableの任意行にfocusをあてる
-
jqueryで表に連番No.を追加したい
-
クリックされた罫表セルの行番...
-
プルダウンで選択すると、DBの...
-
[Javascript]セル内の文字列の...
-
jspでのArrayListの値の表示
-
JavaScriptでテーブルの行入れ替え
-
TRタグの入れ子におけるchildNo...
-
かなりなお願い!!野球部のス...
-
【JQuery】テーブルで行選択さ...
-
標準準拠モードと後方互換モー...
-
特定<table>内の<td>の色を変える
-
カレンダーの年月日の横に翌月...
-
callback関数が起動しない
-
Jquery on click 発火しない
-
スクロールバーの表示位置を変...
-
JavaScript 保守性の高いコード...
-
ウイルスバスターオンラインス...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
特定<table>内の<td>の色を変える
-
プルダウンで選択すると、DBの...
-
一覧から選択した行の行番号を...
-
tableの任意行にfocusをあてる
-
ハイパーリンクを別ウインドウ...
-
JavaScriptで特定のtdタグにcla...
-
JavaScriptでテーブルをクリッ...
-
【UWSC】HTML内のある部分を抽...
-
至急!GetElementById でtdの...
-
チェックボックスにチェックが...
-
JavaScriptでテーブルの行入れ替え
-
動的なtableの値を取得したい
-
Selenium.ChromeDriverの使い方...
-
二次元配列に数字をランダムに...
-
Excelで作ったhtmlファイルのサ...
-
スクロールバーの表示位置を変...
-
テーブルの変数について
-
マウスをブラウザの外に出した...
-
テーブル行のクリックでチェッ...
-
jquery datatablesを使用 イン...
おすすめ情報