jQuery селектор :lang

jQuery селекторы

Определение и применение

jQuery селектор :lang выбирает каждый элемент, глобальный атрибут lang которого, содержит определённое значение (код языка).

jQuery синтаксис:

$(":lang(language)")

Добавлен в версии jQuery

1.9

Селектор в CSS

CSS псевдокласс :lang.

Пример использования

<!DOCTYPE html>
<html>
	<head>
		<title>Использование jQuery селектора :lang</title>
		<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
		<script>
	$(document).ready(function(){
	  $("p:lang(es)").css("color", "yellow"); // устанавливаем цвет для абзаца на испанском
	  $("p:lang(ru)").css("color", "red"); // устанавливаем цвет для абзаца на русском
          }); 
        });
		</script>
	</head>
	<body>
		<p lang =  "es"> ¿Por qué necesita una traducción? </p> <!-- Этот параграф интерпретируется как испанский -->
		<p lang =  "ru"> Интерпретация языка на русском. </p>
	</body>
</html>

В этом примере с использованием jQuery селектора :lang() мы стилизовали абзацы в зависимости от значения глобального атрибута lang. В первом абзаце указан код языка - испанский, а во втором - русский язык.

Результат нашего примера:

Пример использования jQuery селектора :lang.
Пример использования jQuery селектора :lang.
jQuery селекторы