通过部分匹配获取动态ID

Question

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

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

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

我试过这个：

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

但是我收到了这个错误：

  

Uncaught SyntaxError：无法在'Document'上执行'querySelector'：   '[id ^ =：keyValue]'不是有效的选择器。

Answer 1

@Url.Action("SomeImage", "Images", new { imageName = "Logo.png" }) 是选择器中的特殊字符。如果要匹配包含特殊字符的属性值，则必须引用该值。

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

^=

如果你知道元素类型，那么使用它也是有意义的：

[id$=":keyValue"]

更多信息可在CSS3 specification。

中找到