Estoy tratando de obtener el elemento principal de cartError para poder acceder a los detalles del artículo del carrito en particular donde está el tamaño del artículo del carrito y itm-quantity ... porque estoy recorriendo el carrito para ver si hay un carrito nuevo el artículo se agrega con el mismo tamaño aumentar la cantidad de 1 a 2
var cartItems = document.getElementsByClassName('side-cart- items')[0] var cartItemSizes = cartItems.getElementsByClassName("cart-item-size") for(var i=0; i < cartItemSizes.length;i++){ cartError=cartItemSizes[i] if(cartError.innerText== size){ var cartItem = cartError.parentElement var cartQuantity = cartError.getElementsByClassName('itm-quantity') console.log(cartQuantity.innerText) return } } <div class="section side-cart-items"> <div class="side-cart-item"> <div class="cart-item-image"> <img src="./images/product/SASSI-HOLFORD-RTW-SS21-AQUAREMARINE-PEARL-DUNSTER-TOP-DUNSTER-SHORTS-2-1154x1600.jpg" alt=""> </div> <div class="cart-item column"> <div class="cart-item-details"> <h2>Dunster Shorts</h2> <p>size <span class="cart-item-size">36</span></p> <p><span class="itm-quantity">1 </span>×<span class="itm-price">$285.00</span></p> </div> <button class="cart-item-remove">[ REMOVE ]</button> </div> </div> <div class="side-cart-item"> <div class="cart-item-image"> <img src="./images/product/SASSI-HOLFORD-RTW-SS21-AQUAREMARINE-PEARL-DUNSTER-TOP-DUNSTER-SHORTS-2-1154x1600.jpg" alt=""> </div> <div class="cart-item column"> <div class="cart-item-details"> <h2>Dunster Shorts</h2> <p>size <span class="cart-item-size">40</span></p> <p><span class="itm-quantity">1</span> ×<span class="itm-price">$200.00</span></p> </div> <button class="cart-item-remove">[ REMOVE ]</button> </div> </div> </div>Tenga en cuenta que el elemento principal de cartError es la etiqueta p , no cart-item-details . En realidad, debe usar cartError.parentElement.parentElement para acceder a los cart-item-details y luego usar cartItem.getElementsByClassName('itm-quantity'); para acceder a todas las etiquetas itm-quantity :
var size = "36"; var cartItems = document.getElementsByClassName('side-cart-items')[0] var cartItemSizes = cartItems.getElementsByClassName("cart-item-size"); for (var i = 0; i < cartItemSizes.length; i++) { cartError = cartItemSizes[i] if (cartError.innerText == size) { var cartItem = cartError.parentElement.parentElement var cartQuantity = cartItem.getElementsByClassName('itm-quantity'); for (let item of cartQuantity) { console.log(item.innerText); } } } <div class="section side-cart-items"> <div class="side-cart-item"> <div class="cart-item-image"> <img src="./images/product/SASSI-HOLFORD-RTW-SS21-AQUAREMARINE-PEARL-DUNSTER-TOP-DUNSTER-SHORTS-2-1154x1600.jpg" alt=""> </div> <div class="cart-item column"> <div class="cart-item-details"> <h2>Dunster Shorts</h2> <p>size <span class="cart-item-size">36</span></p> <p><span class="itm-quantity">1 </span>×<span class="itm-price">$285.00</span></p> </div> <button class="cart-item-remove">[ REMOVE ]</button> </div> </div> <div class="side-cart-item"> <div class="cart-item-image"> <img src="./images/product/SASSI-HOLFORD-RTW-SS21-AQUAREMARINE-PEARL-DUNSTER-TOP-DUNSTER-SHORTS-2-1154x1600.jpg" alt=""> </div> <div class="cart-item column"> <div class="cart-item-details"> <h2>Dunster Shorts</h2> <p>size <span class="cart-item-size">40</span></p> <p><span class="itm-quantity">1</span> ×<span class="itm-price">$200.00</span></p> </div> <button class="cart-item-remove">[ REMOVE ]</button> </div> </div> </div>