如何将 Javascript 翻译成 jQuery

Question

如何将这段代码翻译成jQuery？我是 javascript 世界的新手。

var show = document.querySelectorAll('.js-show');

for (let i = 0; i <= show.length; i++) {
    var hide = document.querySelectorAll('.js-hide');

    for (let i = 0; i <= hide.length; i++) {
        show[i].addEventListener('click', function() {
            if (hide[i].type === 'password') {
                hide[i].type = 'text';
                show[i].innerHTML = 'visibility';
            } else {
                hide[i].type = 'password';
                show[i].innerHTML = 'visibility_off';
            }
        });
    }
}

感谢您的帮助。

Answer 1

你的 vanilla JS 不是最理想的。看到你的 HTML 也会有所帮助

我相信你想要这个

$('.js-show').on("click",function() {
  const $pw = $(this).closest(".someContainer").find(".pw");
  $pw.attr("type", $pw.attr("type")==="password" ? "text" : "password");
  $(this).val($pw.attr("type")==="password" ? "visibility" : "visibility_off");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="someContainer">
  <input type="button" class="js-show" value="visibility" /> <input class="pw" type="password" />
</div>  
<div class="someContainer">
  <input type="button" class="js-show" value="visibility"/> <input class="pw" type="password" />
</div>

如何将 Javascript 翻译成 jQuery

How to translate Javascript to jQuery

javascript

jquery

frameworks

coding-style

web