如何獲得div元素的子元素

Question

<div class="div" id="div">
    <div class="row">
        <div class="col1">
             <input type="text">
             <!--I need to get a value of these inputs-->
        </div>
        <div class="col2">
             <input type="text">
             <!--I need to get a value of these inputs-->
        </div>
    </div>
    <div class="row">
        <div class="col1">
             <input type="text">
             <!--I need to get a value of these inputs-->
        </div>
        <div class="col2">
             <input type="text">
             <!--I need to get a value of these inputs-->
        </div>
    </div>
</div>

如何獲取div中所有輸入的值以及如何在in（col1或col2）中檢查哪個div輸入；

在我的情況下，類“行”的div將通過firebase數據庫添加。

const inputs = document.querySelectorAll(".div > .col");
alert(inputs.value);

Answer 1

使用JavaScript，嘗試使用forEach循環

var inputElem = document.querySelectorAll(".row input");
inputElem.forEach(function(obj){
    console.log(obj.value)
})

片段：

 var inputElem = document.querySelectorAll(".row input"); inputElem.forEach(function(obj){ console.log(obj.value) }) 

 <div class="div" id="div"> <div class="row"> <div class="col1"> <input type="text" value="one"> <!--I need to get a value of these inputs--> </div> <div class="col2"> <input type="text" value="two"> <!--I need to get a value of these inputs--> </div> </div> <div class="row"> <div class="col1"> <input type="text" value="three"> <!--I need to get a value of these inputs--> </div> <div class="col2"> <input type="text" value="four"> <!--I need to get a value of these inputs--> </div> </div> </div> 

Answer 2

我認為這可能有效：

$("div input").each(function(){
    // Get the value:
    console.log($(this).val());
    // check in which div input in(col1 or col2)
    console.log($(this).closest("div").attr("class"));
});

Answer 3

嘗試這個：

const inputs = document.getElementById('div').getElementsByTagName('input');
console.log(inputs[0].value, inputs[1].value);

在此處查看示例： https ： //jsfiddle.net/xbdd6q13/