Live Code Editor Version 2.0

Lang Selector Example RUN

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>all demo</title>
        <script src="https://freetuts.net/cnd/js/jquery/jquery-3.2.1.min.js"></script>
        <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>
    </head>
    <body>
        <h1>Học lập trình miễn phí tại freetuts.net</h1>
        <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>
        <button onclick="myFunction()">Click vào đây để xem kết quả</button>
        <script>
            function myFunction(){
                $( "div:lang(en-us)" ).addClass( "usa" );
                $( "div:lang(es-es)" ).addClass( "spain" );
            }
        </script>
    </body>
</html>