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

Question

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

创建这个数组的目的是为了能够通过filter()用javascript对它们进行过滤，使符合x条件的段落消失或出现

标签： javascripthtml

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>