table内にある特定の文字列（出席）をカウントする方法

table内にある特定の文字列（出席）をカウントする方法をご教授ください。

html
1<table>
2<tr>
3	<th>HOGEHOGE</th>
4	<td>出席</td>
5	<td>出席</td>
6	<td></td>
7	<td></td>
8</tr>
9<tr>
10	<th>HOGEHOGE</th>
11	<td>出席</td>
12	<td>出席</td>
13	<td></td>
14	<td></td>
15</tr>
16<tr>
17	<th>HOGEHOGE</th>
18	<td>欠席</td>
19	<td>欠席</td>
20	<td></td>
21	<td></td>
22</tr>
23</table>

以下の様な感じです。

javascript
1var hogehoge = $('出席'.match(/a/g)||[]).length;
2document.write("出席は" + hogehoge + "件あります。");
3コード

これでは0件と表示されてしまいます。

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

回答1件

ベストアンサー

'出席'.match(/a/g) は文字列 '出席' の中にある文字列 'a' を探しているのでそもそも見つかるはずがありません。文字列を探すなら :contains() を使用すれば可能です。

JavaScript
1var cnt = $( 'td:contains("出席")' ).length;

動くサンプル：https://jsfiddle.net/6bnwdrfe/

【jQuery で要素を選択するためのセレクタの指定方法まとめ | SONICMOOV LAB】
http://lab.sonicmoov.com/markup/jquery-selectors/#sec3_3

投稿2016/07/01 16:38

kei344

総合スコア69606

cotton88

2016/07/01 17:14

いつもありがとうございます。。

kei344

2016/07/01 17:34

いえいえ。 :contains は比較的重い処理なので、たくさん使う必要が出たときはHTMLの構成を考え直したほうが良いです。例えば、HTMLを出力する時点で出欠を示すclassを付加するなどしたほうが高速です。 var cnt = $( 'td.shusseki' ).length;

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

あなたの回答

tips

プレビュー

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

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

table内にある特定の文字列（出席）をカウントする方法

関連した質問