循环遍历元素以查找特定ID

Mdd*_*Mdd 1 javascript jquery

可以存在任意数量的元素,具有以下ID.

<div id="my-div-1">Title 1</div>
<div id="my-div-2">Title 2</div>
<div id="my-div-3">Title 3</div>
<div id="my-div-4">Title 4</div>
Run Code Online (Sandbox Code Playgroud)

我想循环遍历这些元素,看看ID末尾的数字是否与变量中的数字相匹配.

这是我到目前为止认为它不起作用:

var myNum = 3
var findNum = /[\d]+/;
var findElement = document.getElementById('my-div-' + findNum);
for(i=0; i<findElement; i++) {
    if (myNum = findNum) {
        console.log('Success! myNum = ' + myNum + 
                    ' and findNum = ' + findNum +
                    ' and findElement = ' + findElement);
    }
    else {
        console.log('Fail! myNum = ' + myNum + 
                    ' and findNum = ' + findNum + 
                    ' and findElement = ' + findElement);
    }
}
Run Code Online (Sandbox Code Playgroud)

小智 6

使用jQuery,您可以使用以下选项:

var id = 4;
var $element = $("#my-div-" + id);
Run Code Online (Sandbox Code Playgroud)

其中id是保存数字的变量.