Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jQuery遍历HTML表中的项_Javascript_Jquery_Arrays - Fatal编程技术网

Javascript 使用jQuery遍历HTML表中的项

Javascript 使用jQuery遍历HTML表中的项,javascript,jquery,arrays,Javascript,Jquery,Arrays,我有一张桌子 我想检查一下所有的货物,看看它们的质量和价格。 但我不知道如何得到这些值 表: <div class="table-items__container"> <div class="table-items__item"> <div class="item_name">Name</div> <div class="item_quality">1</div> &l

我有一张桌子

我想检查一下所有的货物,看看它们的质量和价格。 但我不知道如何得到这些值

表:

<div class="table-items__container">
    <div class="table-items__item">
        <div class="item_name">Name</div>
        <div class="item_quality">1</div>
        <div class="item_price">30</div>
        <div class="table-items_item__controls">
            <a href=""><i class="fas fa-edit"></i></a>
            <a href=""><i class="fas fa-trash"></i></a>
        </div>
    </div>
    <div class="table-items__item">
        <div class="item_name">Name</div>
        <div class="item_quality">2</div>
        <div class="item_price">20</div>
        <div>
            <a href=""><i class="fas fa-edit"></i></a>
            <a href=""><i class="fas fa-trash"></i></a>
        </div>
    </div>
    <div class="table-items__item">
        <div class="item_name">Name</div>
        <div class="item_quality">3</div>
        <div class="item_price">10</div>
        <div>
            <a href=""><i class="fas fa-edit"></i></a>
            <a href=""><i class="fas fa-trash"></i></a>
        </div>
    </div>
</div>
<div class="Summary">Summary: <span></span></div>
我想这就是所需要的

然后我需要计算所有项目的价格


通过指定或使用方法(在回调
中,此
指当前元素),在包装的div和回调函数中迭代当前div中的get元素

$('.table-items\uu-item')。每个(函数(){
console.log($('.item_-quality',this.text(),$('.item_-price',this.text());
//或
console.log($(this).find('.item_quality').text(),$(this.find('.item_price').text());
});

名称
1.
30
名称
2.
20
名称
3.
10
总结:

问题出在哪里?
$('.table-items__item').children().each(function(){
    console.log($(this).text());
});