如何用JavaScript通过模式匹配实现动态ID元素的模拟点击？

云上老周

2026-8-16

匹配固定后缀ID元素的点击方案

你可以利用CSS属性选择器的结尾匹配特性解决这个问题，以下是两种实用实现方式：

使用[id$="-0"]选择器直接匹配ID以-0结尾的元素，代码如下：
```
document.querySelector('[id$="-0"]').click();
```
这里的$=是CSS属性选择器语法，代表“属性值以指定字符串结尾”，不管ID前缀怎么变化，只要最后两位是-0就能精准定位目标元素。
如果页面存在多个ID以-0结尾的元素，可结合标签名或其他属性缩小匹配范围，比如目标是按钮元素：
```
document.querySelector('button[id$="-0"]').click();
```
也可以通过querySelectorAll获取所有匹配元素后，按需选择对应项（比如第一个）：
```
document.querySelectorAll('[id$="-0"]')[0].click();
```