第1回 セレクタ編連載:jQuery逆引きリファレンス(18/25 ページ)

» 2009年10月09日 00時00分 公開



「連載:jQuery逆引きリファレンス」のインデックス

連載目次


 配下に子要素や本体テキストを持たない空要素を取り出すには、:emptyフィルタを使います。以下は、配下にテキストを含まない<td>要素に対して、テキスト「×」を追加する例です。

<script type="text/javascript">

$(function() {
  $('td:empty').text('×');
});

</script>

……中略……

<table border="1">
<tr><td>○</td><td></td><td>○</td></tr>
<tr><td>○</td><td>○</td><td></td></tr>
<tr><td></td><td>○</td><td>○</td></tr>
</table>

リスト020 空要素だけを取得(Empty.html)
このHTMLを実際にブラウザで開く


ブラウザで開く

リスト020の実行結果

Copyright© Digital Advantage Corp. All Rights Reserved.

RSSについて

アイティメディアIDについて

メールマガジン登録

@ITのメールマガジンは、 もちろん、すべて無料です。ぜひメールマガジンをご購読ください。