:lang()

:langはlang属性から要素を絞り込めるセレクタです。

属性セレクタとの違いは、-(ハイフン)区切りの言語指定がある場合にハイフンの前の文字列でも判定が行える点です。

次のようなHTMLがあったとします。

<style>
.ja{
	color:red;
}
.en{
	color: blue;
}
.en-us{
	color: green;
}
</style>
<div lang="ja">ja</div>
<div lang="en">en</div>
<div lang="en-es">en-es</div>
<div lang="en-us">en-us</div>

次のスクリプトを実行することでjaは赤色に、enとen-esは青色に、en-usは緑色になります。

$(":lang(ja)").addClass("ja");
$(":lang(en)").addClass("en");
$(":lang(en-us)").addClass("en-us");

sample

jQuery 1.9.0での追加/変更

:langはCSS3で定義されているセレクタのためCSS3対応ブラウザでは古いバージョンのjQueryから利用できますが、jQuery 1.9.0でjQueryのSizzleエンジンに追加されCSS3未対応ブラウザでも利用可能になりました。

参考URL

:lang Selector | jQuery API Documentation

登録日 : 2013年01月19日最終更新日 : 2013年1月19日

jQuery リファレンス

:lang()

参考URL

同じカテゴリー(Selectors)のエントリー

検索

スポンサードリンク

バージョン

リファレンス