jQuery コンテントフィルタ(4) 「:has(セレクタ)」タグ

指定したセレクター要素を子孫に持つ要素を選択します。

たとえば、 $(“div:has(p.animal)”) とすると、div要素のなかからclass属性に
“animal”を持つpタグを持つものを抽出します。

以下にサンプル示します。







$(function(){
        $('div:has(li)').append("

I have li tags.

"); });

japan

zack japan

kamo japan

torushie japan

favorit fruit

  • 1. banana 69
  • 2. apple 148

ここでは、div要素の中でその子孫にliタグを持つ要素に対して、”

I have li tags.

を追加してます。

$('div:has(li)').append("

I have li tags.

");

この例では、二番目のdivタグがliタグを持っているため二番目のdivタグに”

I have li tags.

“が追加されていることがわかります。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>