javascript - 遍历元素以查找特定 ID

标签 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>

我想遍历这些元素,看看 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);
    }
}

最佳答案

使用 jQuery,您可以通过以下方式选择它:

var id = 4;
var $element = $("#my-div-" + id);

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

关于javascript - 遍历元素以查找特定 ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16569451/

相关文章:

javascript - 具有多个元素的自定义数据属性

javascript - 触发单击单选按钮并记住页面刷新时的选择

javascript - Vue.js 数据在 created() 函数中不可用

javascript - 加入两个函数 JqueryUI datepicker for "beforeShowDay"

javascript - 我可以编译加载的 Handlebars 模板吗?

jquery - IE8 支持 HTML 自定义字符实体代码 "&#x25B6;"(阻止右箭头)

javascript - 为什么在 &lt;script&gt; 标签之后需要 $(document).ready?

Javascript - Opera 11.60 和 IE 8 上的排序功能问题

javascript - 从 Chrome 扩展代码中清除多功能框

JavaScript 检查数组对象是否存在或未定义