javascript - 获取包含字符串的 id

Question

我正在尝试获取所有包含给定字符串的 ID。完整 ID 未知，只有部分 ID。 ID 如下所示:

<td class="item" id=shipping-1 align="left">$1.00</td>
<td class="item" id=shipping-2 align="left">$6.49</td>
<td class="item" id=shipping-3 align="left">$8.50</td>
// etc...

如您所见，“shipping-”是一个常量，但附加的数字在页面加载时是动态的(取决于哪些运送选项对接收地址有效)。

我不太擅长 javascript，但显然使用 getElementById() 在这里行不通。

我想避免做一些笨拙的事情，比如在循环中获取 id，直到我得到一个“undefined”。

我需要这样的东西:getElementsContainingString('shipping-')

我需要获取这些 ID 的数组，然后读取 innerHTML 并确定哪个最便宜。这必须通过 javascript 动态完成，因为我们无法控制服务器端的页面来执行此逻辑。

Answer 1

document.querySelectorAll('[id^="shipping-"]');

No jQuery required .这为 id="shipping-[wildcard]" 做了一个 CSS 选择器。 MDN: Query selector , MDN: Attribute selector .这适用于 IE 8+，如果您想支持更低版本，可以使用 polyfill。