jQuery :lang() 選擇器

:lang() 選擇器用於根據元素的語言屬性選擇元素。它專門針對 HTML 元素的 lang 屬性，該屬性指定元素內容的語言。

語法

以下是 jQuery 中 :lang 選擇器的語法：

$(":lang(language)")

引數

以下是上述語法的描述：

:lang 指定要匹配的語言。
它可以是語言程式碼，例如英語的“en”，法語的“fr”等。此值也可以更具體，例如美國英語的“en-US”。
:lang() 選擇器中的值不區分大小寫。

示例 1

在以下示例中，我們使用 :lang() 選擇器來選擇具有 lang="en" 屬性的段落：

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $(":lang(en)").css("background-color", "yellow");
        });
    </script>
</head>
<body>
    <p lang="en">This paragraph is in English.</p>
    <p lang="fr">Ce paragraphe est en français.</p>
    <p lang="en-US">This paragraph is in American English.</p>
</body>
</html>

執行上述程式後，它會選擇具有 lang="en" 屬性的段落，並以黃色背景突出顯示它們。

示例 2

在此示例中，我們選擇所有具有 lang="fr" 屬性的段落：

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $(":lang(fr)").css("background-color", "yellow");
        });
    </script>
</head>
<body>
    <p lang="en">This paragraph is in English.</p>
    <p lang="fr">Ce paragraphe est en français.</p>
    <p lang="en-US">This paragraph is in American English.</p>
</body>
</html>

執行後，:lang 會選擇具有 lang="fr" 屬性的段落，並以黃色背景突出顯示它們。

示例 3

此示例選擇具有 lang="en" 或 lang="es" 屬性的段落：

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $(":lang(en), :lang(es)").css("background-color", "yellow");
        });
    </script>
</head>
<body>
    <p lang="en">This paragraph is in English.</p>
    <p lang="fr">Ce paragraphe est en français.</p>
    <p lang="es">Este párrafo está en español.</p>
    <p lang="de">Dieser Absatz ist auf Deutsch.</p>
</body>
</html>

執行後，:lang 會選擇具有 lang="en" 或 lang="es" 屬性的段落，並以黃色背景突出顯示它們。

jquery_ref_selectors.htm

列印頁面