document.querySelectorAll找到基于多重条件的项目？

Question

我想根据类名和数据属性的组合来查找div。但它似乎没有返回任何价值。

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

Answer 1

第一个.querySelector()调用将只返回一个元素。如果这与querySelectorAll()调用中的选择器不匹配，则不会有任何元素会被修改。

尝试使用单个选择，如：

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