여러 ID에 동적으로 번호를 할당하는 방법은 무엇입니까?

Question

이것은 일을하는 긴 방법처럼 보입니다. id에 동적으로 숫자를 할당 할 수 있습니까?

$(function() { 
    $('#Button1').click(function(){ 
     $('#RegularExpressionValidator1, #RegularExpressionValidator2, #RequiredFieldValidator1, #RequiredFieldValidator2, #RequiredFieldValidator3, #RequiredFieldValidator4, #RequiredFieldValidator5, #RequiredFieldValidator6, #RequiredFieldValidator7, #RequiredFieldValidator8, #RequiredFieldValidator9').css("display", "block"); 
    }); 
}); 

이들은 액세스 할 수없는 .NET 생성 ID입니다.

Answer 1

선택자는 attributes starts with입니다. 를 사용하면 간단하게이 작업을 수행 할 수 있습니다 :이 RegularExpressionValidator로 시작하는 ID를 가진 모든 요소를 ​​선택합니다

$(function() { 
    $('#Button1').click(function(){ 
     $('[id^="RegularExpressionValidator"], [id^="RequiredFieldValidator"]').css("display", "block"); 
    }); 
}); 

. 더 적은 수의 요소를 선택하기 위해 검색 할 컨테이너뿐만 아니라 요소 유형을 지정할 수도 있습니다.

또한 $.css() 대신 $.show()을 사용할 수 있습니다

:

$('[id^="RegularExpressionValidator"], [id^="RequiredFieldValidator"]').show(); 

Answer 2

당신은 "attribute starts with"선택 사용할 수 있습니다 JQuery와 문서에서

$("[id^='RegularExpressionValidator']").css("display", "block"); 

: 생산 서버 측 프레임 워크에 의해 생산

이 선택 페이지의 요소를 식별하는 데 도움이 될 수 있습니다 체계적인 요소가있는 HTML ID. 그러나 클래스 선택기를 사용하는 것보다 느려질 수 있으므로 가능한 경우 클래스를 활용하여 비슷한 요소를 그룹화하십시오.

Answer 3

시도

$(function() { 
    $('#Button1').click(function(){ 
     $('[id^="RegularExpressionValidator"], [id^="RequiredFieldValidator"]').css("display", "block"); 
    }); 
});