getElementByName & Regex

Question

getElementByName에서 정규 표현식을 사용하여 모든 요소를 ​​반복 처리하는 방법은 무엇입니까?

Answer 1

당신이 좋아하는 말은 경우 가능하지 않을 것이다 다음

var elementArray = document.getElementsByName("/regexhere/"); 

없음.

당신이하고 싶은 것을하기 위해서는 모든 요소를 ​​얻어야하고, 각 요소를 거쳐 이름을 확인해야합니다.

function findElements(name) 
    { 
     var elArray = []; 
     var tmp = document.getElementsByTagName("*"); 

     var regex = new RegExp("(^|\\s)" + name + "(\\s|$)"); 
     for (var i = 0; i < tmp.length; i++) { 

      if (regex.test(tmp[i].name)) { 
       elArray.push(tmp[i]); 
      } 
     } 

     return elArray; 

    } 

과 같은 사용 :

var elName = "customcontrol"; 

var elArray = customcontrol(elName); 

을 아니면 쉽게 할 수있는 모든 요소를 ​​통해 이동 및 배열에 특정 이름을 가진 모든 요소를 ​​추가합니다

Heres는 함수 클래스 이름

function findElements(className) 
    { 
     var elArray = []; 
     var tmp = document.getElementsByTagName("*"); 

     var regex = new RegExp("(^|\\s)" + className+ "(\\s|$)"); 
     for (var i = 0; i < tmp.length; i++) { 

      if (regex.test(tmp[i].className)) { 
       elArray.push(tmp[i]); 
      } 
     } 

     return elArray; 

    } 

을함으로써 그리고 사용 등 :

var elClassName = "classname"; 

var elArray; 

if (!document.getElementsByClassName) 
{ 
    elArray= findElements(elClassName); 
} 
else 
{ 
    elArray = document.getElementsByClassName(elClassName); 
} 

이렇게하면 getElementByName을 사용하지 않아도됩니다. 난 당신이 단지 이름의 요소를 찾기 위해 원하는 경우 getElementsByName

의미 생각하지만

"customcontrol는"다음을 사용 :

var regex = new RegExp("(^|\\s)" + name + "(\\s|$)"); 

당신이 가진 요소를 찾기 위해 원하는 경우 이름으로 시작 "customcontrol는"다음을 사용 :

var regex = new RegExp("(^|\\s)" + name); 

편집 :

,

당신이 쉬울 것 jQuery를 사용하는 경우, 다음이 할 것 :

var elArray = $("*[name^='customcontrol']"); 

//Use JavaScript to loop through 
for (var a = 0; a< elArray.length;a++) 
{ 
    //Loop through each element 
    alert(elArray[a]); 
} 
//Or 
$("*[name^='customcontrol']").css("color","red"); //Or whatever you want to do to the elements 

Answer 2

는 jQuery를에 custom selector를 사용합니다. 아마도 example with parameters을 원할 것입니다.