我正在嘗試執行一個從 div 獲取內容值<div >并讀取節點 divs的函式<div >。
我的代碼如下：
<div class="adicionados" id="tabela">
<div class="rowtabela">
<div class="item t_volumes">
<b>Quantity</b>
</div>
<div class="item t_altura">
<b>Height</b>
</div>
<div class="item t_largura">
<b>Width</b>
</div>
<div class="item t_profundidade">
<b>Depth</b>
</div>
<div class="item t_peso">
<b>Weight</b>
</div>
<div class="item">
</div>
</div>
<div class="rowtabela">
<div class="item v_volumes">2</div>
<div class="item v_altura">1.23</div>
<div class="item v_largura">4.56</div>
<div class="item v_profundidade">7.89</div>
<div class="item v_peso">3.57</div>
<div class="botao"><input type="button" class="form-control gridresponsivo txt-valor-nf btn btn-danger btn-sm" value="X" onclick="remover(this)"></div>
</div>
<div class="rowtabela">
<div class="item v_volumes">1</div>
<div class="item v_altura">7.89</div>
<div class="item v_largura">5.46</div>
<div class="item v_profundidade">1.32</div>
<div class="item v_peso">7.53</div>
<div class="botao"><input type="button" class="form-control gridresponsivo txt-valor-nf btn btn-danger btn-sm" value="X" onclick="remover(this)"></div>
</div>
</div>
<div class="row">
<div>
<label>Quantity Total</label>
<input class="txt-volumes" id="volumes" name="volumes" readonly />
</div>
<div>
<label>Cubage (m3)</label>
<input class="campo-cubagem" id="cubagem" name="cubagem" readonly />
<div>
<label>Total Weight</label>
<input class="form-control gridresponsivo txt-peso-total" id="peso_total" name="peso_total" readonly />
</div>
</div>
這個帶有度量的“表格”是通過填寫表格動態生成的。
所以我需要得到這些措施并計算的總和quantity，總和quantity * weight，和總和(Height * Width * Depth) * Quantity
我試圖用下面的函式獲取值，但不起作用。
$.each($('.rowtabela'), function(index, value) {
console.log(index ':' $(value).text());
});
這些值連接在一個變數中。
按照小提琴：https : //jsfiddle.net/c2oz5t9q/
怎樣才能實作呢？謝謝！
uj5u.com熱心網友回復：
這是一個 JQuery 問題。
如果您已加載它，則.each()使用嵌套.each()回圈 ( https://api.jquery.com/each/ )更新您的迭代：
JS
$('.rowtabela').each(function(index, elTab) {
$(elTab).children('.item').each(function(index, elItem) {
let text = $(elItem).text();
console.log(index ': ' text);
})
});
使用JQuery加入這個<script>您HTML
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj 3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/348602.html
標籤：javascript html 查询 阿贾克斯