document.querySelectorAll 根据多个条件查找项目？

Question

我正在尝试根据 class 名称和数据属性的组合查找 div。但它似乎没有返回任何值。

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

Answer 1

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

尝试使用单个选择器，例如：

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