如何精准修改第二个item元素下quantity类div的innerText？

针对你的需求，有几种可靠的方法可以精准定位到第二个item下的quantity元素：

方法一：通过父元素ID直接定位 #

利用第二个item的id（id="2"）结合后代选择器，直接锁定目标元素：

document.querySelector('#2 .quantity').innerText = "你要设置的文本内容";

这个选择器的逻辑是：先找到id为2的元素，再选中它内部的quantity类元素，定位精准且不受元素顺序影响。

方法二：通过元素集合选取指定项 #

使用querySelectorAll获取所有quantity类元素，再通过索引选取第二个（注意索引从0开始）：

document.querySelectorAll('.quantity')[1].innerText = "你要设置的文本内容";

⚠️ 注意：这种方法依赖元素在DOM中的顺序，如果后续页面结构调整，元素顺序变化会导致定位错误，不如方法一稳定。

方法三：分步定位元素 #

先获取目标item元素，再从中查找内部的quantity元素，逻辑更清晰：

const targetItem = document.getElementById('2');
targetItem.querySelector('.quantity').innerText = "你要设置的文本内容";

补充说明 #

你之前用document.querySelector('.quantity')只修改第一个元素，是因为querySelector本身只会返回第一个匹配到的DOM元素，而querySelectorAll会返回所有匹配元素的集合。

内容的提问来源于stack exchange，提问作者crinnsh