子要素Bを持つA要素を指定するには

  • このエントリーをはてなブックマークに追加
  • LINEで送る

CSS3までのセレクタは、特定の子要素を持つ親要素を選択できないけど
jQueryの:hasフィルターで出来るよ

例えば、aタグを含むliを選択してみる

[html highlight=”9″]<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
jQuery(function($){
$("li:has(a)").addClass("target");
});
</script>
</head>
<body>
<ul>
<li>あいうえお</li>
<li>あいうえお</li>
<li><a href="#">あいうえお</a></li>
<li>あいうえお</li>
</ul>
</body>
</html>[/html]

aタグを含む<li>に.targetが付いてるのが確認できる
[image]:hasフィルター

  • このエントリーをはてなブックマークに追加
  • LINEで送る

SNSでもご購読できます。

コメントを残す


You can add images to your comment by clicking here.