查找 id 以公共字符串开头的所有元素

我有一个创建了多个元素的 XSL，其 id 为“ createdOn”，另外还有一个 $only-id

Example : createdOnid0xfff5db30

我想用 JavaScript 找到并存储这些变量

var dates = document.getElementsById(/createdOn/);

但看起来没用。

94046 次浏览
小开
最佳答案

使用 jQuery，您可以使用 开头是选择器:

var dates = $('[id^="createdOnid"]');

使用现代浏览器，您可以使用 CSS3属性值以选择器和 querySelectorAll:

var dates = document.querySelectorAll('*[id^="createdOnID"]');

但是对于老式浏览器(没有 jQuery)来说，你需要:

var dateRE = /^createdOnid/;
var dates=[],els=document.getElementsByTagName('*');
for (var i=els.length;i--;) if (dateRE.test(els[i].id)) dates.push(els[i]);
小开

因为您没有标记 jQuery，而且您可能不需要它，所以我的建议是在创建这些元素时为它们添加一个类。然后使用大多数浏览器中内置的 getElementsByClassName ()函数。对于 IE，你需要添加类似 这个的东西:

if (typeof document.getElementsByClassName!='function') {
document.getElementsByClassName = function() {
var elms = document.getElementsByTagName('*');
var ei = new Array();
for (i=0;i<elms.length;i++) {
if (elms[i].getAttribute('class')) {
ecl = elms[i].getAttribute('class').split(' ');
for (j=0;j<ecl.length;j++) {
if (ecl[j].toLowerCase() == arguments[0].toLowerCase()) {
ei.push(elms[i]);
}
}
} else if (elms[i].className) {
ecl = elms[i].className.split(' ');
for (j=0;j<ecl.length;j++) {
if (ecl[j].toLowerCase() == arguments[0].toLowerCase()) {
ei.push(elms[i]);
}
}
}
}
return ei;
}
}
小开 
function idsLike(str){
var nodes= document.body.getElementsByTagName('*'),
L= nodes.length, A= [], temp;
while(L){
temp= nodes[--L].id || '';
if(temp.indexOf(str)== 0) A.push(temp);
}
return A;
}


idsLike('createdOn')
小开

试试以下方法:

var values = new Array(valueKey_1);
var keys = new Array("nameKey_1");
var form = document.forms[0];
for (var i = 0; i < form.length; i++) {
name = form.elements[i].name;
var startName = name.toLowerCase().substring(0, 18);
if (startName == 'startStringExample') {
values.push(name.value);
keys.push(name);
}
}
小开

您应该只是使用简单的 CSS 选择器和 JavaScript的 .querySelectorAll()方法。

就你而言:

var dates = document.querySelectorAll('[id^="createdOnId"]');

提交答案