document.querySelectorAll找到基於多重條件的項目？

我想根據類名和數據屬性的組合來查找div。但它似乎沒有返回任何價值。document.querySelectorAll找到基於多重條件的項目？

var products = document.querySelector("div.productDisplay").querySelectorAll("[data-productId='" + id + "']");

來源

2017-09-13 Hector

第一個.querySelector()調用將只返回一個元素。如果這與querySelectorAll()調用中的選擇器不匹配，則不會有任何元素會被修改。

嘗試使用單個選擇，如：

var products = document.querySelector("div.productDisplay[data-productId='" + id + "']");

來源

2017-09-13 14:19:39 Phylogenesis

感謝。現在它正在工作。 – Hector

另一個問題是，我應該如何找到產品內的元素？這不支持findByClass。 – Hector

您需要對它們進行迭代，並在每一個上分別運行諸如['getElementsByClassName（）']（https://developer.mozilla.org/en-US/docs/Web/API/Element/getElementsByClassName）之類的東西。 – Phylogenesis

document.querySelectorAll找到基於多重條件的項目？

回答

相關問題