HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery lang selector demo</title>
  <style>
    body { font-family: sans-serif; padding: 16px; max-width: 36rem; background: #ccc; }
    h3 { margin: .25em 0; }
    div { line-height: 1.5em; padding: 8px; margin: 4px 0; }
    .usa { background: #f00; color: #fff; }
    .usa .usa { background: #fff; color: #000; }
    .usa .usa .usa { background: #00f; color: #fff; }
    .spain { background: #f00; color: #ff0; }
    .spain .spain { background: #ff0; color: #f00; line-height: 3em; }
    .spain .spain .spain { background: #f00; color: #ff0; line-height: 1.5em; }
  </style>
</head>
<body>
  <div lang="en-us">
    <h3>USA</h3>
    <div>red</div>
    <div>white</div>
    <div>and blue</div>
  </div>
  <div lang="es-es">
    <h3>España</h3>
    <div>rojo</div>
    <div>amarillo</div>
    <div>y rojo</div>
  </div>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
  <script>
    $("div:lang(en-us)").addClass("usa");
    $("div:lang(es-es)").addClass("spain");
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

jQuery :lang() — official USA/Spain demo (Try It)