javascript - 通过部分匹配获取动态id

Question

我试图获取一个元素的 id，该元素每次都会部分动态，并用冒号分隔。这是我的意思的一个例子:

<input type="text" id="j_id235:keyValue" />

冒号后面的部分总是相同的，我只需要以某种方式搜索。

我试过这个:

console.log(document.querySelector('[id^=:keyValue]').id)

但收到此错误:

Uncaught SyntaxError: Failed to execute 'querySelector' on 'Document': '[id^=:keyValue]' is not a valid selector.

Answer 1

: 是选择器中的特殊字符。如果要匹配包含特殊字符的属性值，则必须将该值引起来。

另请注意，^= 是前缀选择器。您可能需要后缀选择器:

[id$=":keyValue"]

如果您知道元素类型，那么使用它也可能有意义:

input[id$=":keyValue"]

更多信息可以在CSS3 specification中找到.