jQueryのセレクタでテーブルセルから値が取得できない。

Question

初歩的な質問で申し訳ありません。
下記から特定の行、例えば2行目の

"<td class="data cell" data-obs_time="00:10" data-sta_id="221" data-kind_id="201" data-item_id="10">test</td>"

の"test"の文字列が欲しい場合、セレクタはどう記述すればいいでしょうか。

(↓下記テーブルセルから特定のセルデータを取得したいのです。)

<div id="dataDisplayTableContainer" style="width: 994px; overflow: auto; max-height: 400px;">
<table id="dataDisplayTable" style="margin-top: -1px;" border="1"><tbody>
<tr><th class="timeHeader2 cell">00:10</th>
<td class="data cell" data-obs_time="00:10" data-sta_id="221" data-kind_id="201" data-item_id="10">test</td>
<td class="data cell" data-obs_time="00:10" data-sta_id="221" data-kind_id="201" data-item_id="30">test1</td>
<td class="data cell" data-obs_time="00:10" data-sta_id="221" data-kind_id="201" data-item_id="70">test2</td>
<td class="data cell" data-obs_time="00:10" data-sta_id="222" data-kind_id="201" data-item_id="10">test3</td>
<td class="data cell" data-obs_time="00:10" data-sta_id="222" data-kind_id="201" data-item_id="30">test4</td>
<td class="data cell" data-obs_time="00:10" data-sta_id="222" data-kind_id="201" data-item_id="70">test5</td>
<td class="data cell" data-obs_time="00:10" data-sta_id="223" data-kind_id="201" data-item_id="10">test6</td>
<td class="data cell" data-obs_time="00:10" data-sta_id="223" data-kind_id="201" data-item_id="30">test7</td>
<td class="data cell" data-obs_time="00:10" data-sta_id="223" data-kind_id="201" data-item_id="70">test8</td>
<td class="data cell" data-obs_time="00:10" data-sta_id="224" data-kind_id="201" data-item_id="10">test9</td>
<td class="data cell" data-obs_time="00:10" data-sta_id="224" data-kind_id="201" data-item_id="30">test10</td>
<td class="data cell" data-obs_time="00:10" data-sta_id="224" data-kind_id="201" data-item_id="70">test11</td>
<td class="data cell" data-obs_time="00:10" data-sta_id="225" data-kind_id="201" data-item_id="10">test12</td>
<td class="data cell" data-obs_time="00:10" data-sta_id="225" data-kind_id="201" data-item_id="30">test13</td>
<td class="data cell" data-obs_time="00:10" data-sta_id="225" data-kind_id="201" data-item_id="70">test14</td></tr>

...以降その他テーブルセルデータが本来は続く

ネットの情報をあてにしながら手探りで作成しているのですが下記記述で上手く動きません。

window.alert("put -> " +$('#dataDisplayTable data-obs-time="00:10" data-sta_id="206" data-kind_id="201" data-item_id="10"').textContent);

下記サイト等でセレクタの記述について調べはしたのですが、指定要素の多い場合の記述が無い為困っています。
https://qiita.com/Thought_Nibbler/items/5d4fc40a4d4325128b24

エラーとしては下記の表示が出ます。

jquery-3.4.1.min.js:2 Uncaught Error: Syntax error, unrecognized expression: #dataDisplayTable data-obs-time="00:10" data-sta_id="206" data-kind_id="201" data-item_id="10"

引用符のエラーみたいなのですが、クラスやタグが多い為どこの引用符を訂正すべきか分からず困っています。
勉強不足は重々承知していますが何卒ご教授宜しくお願いします。

Comments

[m.ts10806]

コードはマークダウンのcode機能を利用してご提示ください。
https://teratail.com/questions/238564

また、「ネットで調べて・・・」という場合、キーワードや参考にしたURLなどもあると、その情報で解決できるかどうかの判断ができ、より今後につながるアドバイスを得やすくなります。

[ikd7997]

初歩的な所で勉強不足が露呈し恥ずかしい限りです。
助言頂きありがとうございます。
自分なりに指摘点を修正しました。

[yambejp]

tableタグが抜けていますが、tableにdataDisplayTableというidがついているのでしょうか？

[ikd7997]

こちらの不手際でtableタグが抜けておりました。
助言頂こうとしておきながら申し訳ないです。
今し方、修正しましたのでお手数ですが御助力宜しくお願いします。

Answer 1

情報がたりないですが、table#dataDisplayTableの最初のtdの
セルの中身であれば

console.log($('#dataDisplayTable td:eq(0)').text());

Comments

[yambejp]

「例えば2行目の 」と言っていますが、一つのtrの中にすべて
おしこめてあるので2列目のような気がします

Answer 2

HTMLも全て提示されないと何とも言えませんが

console.log($($('#dataDisplayTable .data.cell')[0]).text());