Javascript 选择 *id(带通配符)

Question

我有一个隐藏的输入字段：

<input type="hidden" id="entity__token" name="entity[_token]" value="SOMEVALUE" />

在我的HTML中，属性name和id中的"实体"值可以是任何内容，例如：

<input type="hidden" id="example__token" name="example[_token]" value="SOMEVALUE" />

我尝试获取 id 以 __token 结尾的任何类型的输入字段的值。

读完这个问题后，我尝试了：

var hiddenField = document.querySelector("[id^='__token']");
console.log(hiddenField.value);

那行不通。我正在寻找没有任何jQuery的解决方案。

Answer 1

*就可以了！

var hiddenField = document.querySelector("[id*='__token']");
console.log(hiddenField.value);

<input type="hidden" id="entity__token" name="entity[_token]" value="TtoNGqMMgMybh-JVttVSVWAOnyYe6s9eRnSOaBujtAE" />

[属性^=值]

如果元素具有值以 开头的给定属性，则匹配 提供的字符串。

与。

[属性*=值]

如果元素具有给定属性，其值包含 提供的字符串。