如何使用Javascript中的变量通过ID引用DOM元素？

Question

如果我的HTML中有几个div，就像这样

user, date

在我的JavaScript中，如何使用变量引用它们？

<div id="div_1"></div>
<div id="div_2"></div>
<div id="div_3"></div>

Answer 1

ID只是字符串，所以建立它们：

id = 2;

e = document.getElementById('div_' + id);

如果你的意思是存储每个找到的元素，那么你需要一个数组：

divs = [];
divs[1] = $('#div_1');
divs[2] = $('#div_2');

Answer 2

您可以创建包含所有元素的变量，使用.filter()选择具有特定完整id的元素，或以特定数字或字母字符结尾的id

// all `div` elements having `id` beginning with `"div"`
var divs = $("div[id^=div]");
// select element having `id` ending with `"2"`:`"div_2"` from `divs` collection
var div_2 = divs.filter("[id$=2]");

Answer 3

您可以使用div的“id”属性并获取如下所示的引用：

$div_1 = $("#div_1");