javascript - 如何将这段jQuery代码转化成原生js？

问题描述

问 题

    $("#pwd-input").on("input", function() {  
        var pwd = $(this).val().trim();  
        for (var i = 0; i < pwd.length; i++) {  
            $(".fake-box input").eq(i).val(pwd[i]);  
        }  
        $(".fake-box input").each(function() {  
            var index = $(this).index();  
            if ( index >= pwd.length ) {  
                $(this).val("");  
            }  
        });  
        if (pwd.length == 6) {  
            //执行其他操作 
            setTimeout(function () {
               alert('订单已提交') 
           },300)
            
        }  
    }); 

jQuery 的 eq() 方法，不知如何用原生 js 实现。

解决方案

ie8以上:

document.querySelectorAll(".fake-box input")[i].value = pwd[i]

ie8:

var fakeBox = document.getElementsByClassName('fake-box');
for(var j=0;j<fakeBox.length;j++){
    fakeBox[j].getElementsByTagName("input")[i].value = pwd[i]
}

这篇关于javascript - 如何将这段jQuery代码转化成原生js？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！