Question

问题是这样的：我的HTML文档中有多个具有价格类的P标签，例如<p class = "price"> 400 </ p>。我想做的是建立一个包含所有这些段落的值的数组。

创建此数组的目的是能够通过filter（）使用javascript对其进行过滤，并使其符合x条件的段落消失或出现

Answer 1

我认为您不会生成数组并对其进行过滤。您可以简单地遍历所有元素，检查文本并设置样式属性：

var pList = document.querySelectorAll('p.price');
var hidePriceLess = 300;
pList.forEach(p => p.textContent < hidePriceLess? p.style.display='none':'');

<p class="price">100</p>
<p class="price">200</p>
<p class="price">300</p>
<p class="price">400</p>
<p class="price">500</p>

Answer 2

认为您已经可以从选择器中获取数组。但是如果是intellicense类型，则全部

Array.from是否可以满足您的要求。将任何选择器传递给它。

Array.from(document.querySelectorAll(".price"))

如何使用同一类的多个HTML标签的内容构建数组？

2 个答案: