検索
連載

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

やりたいことからコードが見つかるjQuery辞典。まずはセレクタ構文に関する「XXするには?」を24本一挙公開。jQueryは.NETでも公式サポート。

Share
Tweet
LINE
Hatena



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

連載目次


 配下に子要素、もしくは本体テキストを持つ要素を取り出すには、:parentフィルタを使います。:parentフィルタは、:emptyフィルタの逆の働きをするものであると考えればよいでしょう。

 以下は、配下にテキストを含む<td>要素に対して、背景色を設定する例です。

<script type="text/javascript">

$(function() {
  $('td:parent').css('background-color', 'Lime');
});

</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>

リスト021 何らかの子要素を持つ要素を取得(NotEmpty.html)
このHTMLを実際にブラウザで開く


ブラウザで開く


リスト021の実行結果

Copyright© Digital Advantage Corp. All Rights Reserved.

ページトップに戻る