:lang() Seçicisi

input selector

Açıklama : Belirtilen dl özelliğine sahip tüm elemanlarını seçer.

jQuery( ":lang(language)" ) Eklendiği Versiyon 1.9

language : Bir dil kodu.

:lang() seçicisi lang öznitelik değeri verilen dil kodu olan ya da verilen kod ve arkasından gelen bir tire işareti ile devam eden elemanları bulur. Örneğin $("div:lang(en)") seçicisi <div lang="en"> ve <div lang="en-US"> elemanların ikisini de seçer (ve de bu <div> elemanların torunları olan <div> elemanlarını).

HTML elemanlar için dil değeri lang özniteliğinde ya da head kısmında meta tag ile verilir.

Bunun hakkında daha fazla bilgi için W3C CSS specification.

Örnekler:

Div elemanları diline göre boya.

<style>
   body { background-color: #ccc; }
   h3 { margin: .25em 0; }
   div { line-height: 1.5em }
   .usa {
      background-color: #f00;
      color: #fff;
   }
   .usa .usa {
      background-color: #fff;
      color: #000;
   }
   .usa .usa .usa {
      background-color: #00f;
      color: #fff;
   }
   .spain {
      background-color: #f00;
      color: #ff0;
   }
   .spain .spain {
      background-color: #ff0;
      color: #f00;
      line-height: 3em;
   }
   .spain .spain .spain {
      background-color: #f00;
      color: #ff0;
      line-height: 1.5em;
   }
</style>
<h3>USA</h3>
<div lang="en-us">red
   <div>white
      <div>and blue</div>
   </div>
</div>
<h3>España</h3>
<div lang="es-es">rojo
   <div>amarillo
      <div>y rojo</div>
   </div>
</div>
<script>
   $("div:lang(en-us)").addClass("usa");
   $("div:lang(es-es)").addClass("spain");
</script>

USA

red

white

and blue

España

rojo

amarillo

y rojo