我的 jquery 切换 function 不切换

Question

I'm trying to get the button to toggle between showing text in different languages. When I click the button nothing happens, can someone help out please?

 $(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>

Answer 1

You have a typo in your 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>

No element has "switch-language" as the ID. When you change it to the correct value, "switch-lang", it works.