Estoy tratando de obtener el botón para alternar entre mostrar texto en diferentes idiomas. Cuando hago clic en el botón, no pasa nada, ¿alguien puede ayudarme, por favor?
$(document).ready(function() { $('[lang="jp"]').hide(); $(document).on('click', '#switch-language', function() { $('[lang="en"]').toggle(); $('[lang="jp"]').toggle(); }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button id="switch-lang">Switch Language</button> <p lang="en">eigo</p> <p lang="jp">en japon</p>Tienes un error tipográfico en tu Selector.
$(document).ready(function() { $('[lang="jp"]').hide(); $(document).on('click', '#switch-lang', function() { $('p[lang="en"]').toggle(); $('p[lang="jp"]').toggle(); }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button id="switch-lang">Switch Language</button> <p lang="en">eigo</p> <p lang="jp">en japon</p>Ningún elemento tiene "cambio de idioma" como ID. Cuando lo cambia al valor correcto, "switch-lang", funciona.