Project/ezMeal

JS 여러 요소중 1가지 선택하는 방식

wooweee 2023. 7. 3. 07:50
728x90
  • delete btn이 여러개 있을 경우 내가 click한거 인지하는 방식
  • querySelector()는 동일 document 여러개 존재시 1st것만 가지고 오는 문제점을 가짐
    <script>
      const deleteBtns = document.querySelectorAll(".cart__delete_btn");

      function deleteCartProduct(e) {
        console.log(e.target);
      }

      for (let deleteBtn of deleteBtns)
        deleteBtn.addEventListener("click", deleteCartProduct);
    </script>