javascript - 读取 集合的 HTML 子级

Question

我正在尝试检索所有 <li>父节点的子节点 <ul>节点在运行时通过循环。然而，循环永远运行，导致浏览器立即崩溃。我做错了什么？

HTML:

<ul id="new-ul">
     <li> <input value="323" /> </li>
     <li> <input value="421" /> </li>
     <li> <input value="547" /> </li>
</ul>

Javascript:

//Attempting to retrieve each value in input fields of each <li> child
var idbox = document.getElementById("new-ul");
while (idbox.firstChild) {
     console.log(idbox.firstChild);
     //Browser crashes here
}

Answer 1

在jquery中使用:

$(document).ready(function() {
    $("#new-ul input").each(function(){
        console.log($(this).val())
    });
});