Tìm tất cả các yếu tố có id bắt đầu với một chuỗi chung

Question

Tôi có một XSL đã tạo ra nhiều yếu tố với id của "createdOn" cộng với một độc đáo-id $

Example : createdOnid0xfff5db30 

Tôi muốn tìm và lưu trữ chúng trong một biến bằng JavaScript. Tôi đã thử

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

nhưng điều đó dường như không hoạt động.

Answer 1

Sử dụng jQuery bạn có thể sử dụng attr starts with selector:

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

Sử dụng trình duyệt hiện đại, bạn có thể sử dụng bộ chọn CSS3 attribute value begins with cùng với querySelectorAll:

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

Nhưng đối với một dự phòng cho các trình duyệt cũ (và nếu không có jQuery), bạn sẽ cần:

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

Answer 2

Bec hãy sử dụng jQuery, và bạn có thể không cần nó, gợi ý của tôi là thêm một lớp vào các phần tử này khi bạn tạo chúng. Sau đó sử dụng hàm getElementsByClassName() được tích hợp vào hầu hết các trình duyệt. Đối với IE bạn sẽ cần phải thêm một cái gì đó giống như this:

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; 
    } 
} 

Answer 3

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') 

Answer 4

Hãy thử như sau:

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); 
    } 
}