javascript - 从动态元素中获取动态Id并单击

Question

我有一个无法解决的问题，我正在寻找解决方案，但没有找到符合我需求的解决方案。

我有这个代码:

<a class="button-main" id="saveButton7" href="#" onclick="window.location.reload()">Save</a>

其中saveButton是静态部分，只有数字是动态变化的。

我需要获取该 ID 并单击它:

document.getElementById("saveButton7").click();

我尝试过这样的事情:Get dynamic Id from dynamic elements但它不起作用，因为我需要获取整个 id 并单击它。

谢谢

Answer 1

为什么不尝试 jQuery 选择器:

    $("[id^='saveButton']").click();

^ 代表 id 以 saveButton 开头的任何属性

编辑 1

然后你可以有这样的东西:

    var anchors = document.getElementsByTagName("a"), item;
    for (var i = 0, len = anchors.length; i < len; i++) {
      item = anchors[i];
      if (item.id && item.id.indexOf("saveButton") == 0) {
         // item.id starts with saveButton
      }
     }

编辑2看看@这个

    <a class="button-main" id="saveButton7" href="#" onclick="onClickFunction(event);">Save</a>


    function onClickFunction(event){
           var saveButtonObject = event.target;
           //do reloading stuff here...
    }

事件对象在这里被浏览器隐式传递...