当我从JavaScript中的数组单击时如何获取该按钮的特定数组

debugcn 发表于 Dev

阿里·阿斯格

我正在用JavaScript开发一个超级简单的购物车应用程序。但是我被困在一个地方，当我运行对象循环时，我想在单击时从所有对象数组中获取特定产品的数组。有人可以告诉我如何获取该按钮数组并将其与该数组匹配

<ul id="laundry-value"></ul>
<ul id="new-laundry-value"></ul>

<script>
        var laundryValue = [
            {id: 1, name: 'Sunglasses', price: 25},
            {id: 2, name: 'Jeans', price: 10},
            {id: 3, name: 'Shirts', price: 15},
            {id: 4, name: 'Cables', price: 20}
        ]
        
        var newLaundryValue = [];

        for (var i in laundryValue) {
            document.getElementById('laundry-value').innerHTML += '<li>' + '<div class="laundry-name">' + laundryValue[i].name + '</div>' + '<div class="laundry-price">' + laundryValue[i].price + '</div>' + '<button class="laundry-btn" onclick="getLaundryClick()">' + 'Add' + '</button>' +  '</li>';
        }
        
        function getLaundryClick() {
            for (var obj = 0; obj < laundryValue.length; obj++) {
                var newValue = laundryValue[obj].id =;
            }
            console.log(newValue)
        }

    </script>

新

我认为您可能想for...of在循环内使用而不是for...in

<ul id="laundry-value"></ul>
<ul id="new-laundry-value"></ul>

<script>
    var laundryValue = [
        {id: 1, name: 'Sunglasses', price: 25},
        {id: 2, name: 'Jeans', price: 10},
        {id: 3, name: 'Shirts', price: 15},
        {id: 4, name: 'Cables', price: 20}
    ]

    var newLaundryValue = [];

    for (var item of laundryValue) {
        document.getElementById('laundry-value').innerHTML += 
        '<li>' + 
            '<div class="laundry-name">' + item.name + '</div>' + 
            '<div class="laundry-price">' + item.price + '</div>' + 
            '<button class="laundry-btn" onclick="getLaundryClick(' + item.id + ')">' + 'Add' + '</button>' +  
        '</li>';
    }

    function getLaundryClick(id) {
        console.log(id);            
        console.log('item:', laundryValue.find(x => x.id == id));
    }

</script>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。