jQuery 선택기 : ID로 끝나는가?
A는 거기에 selector
내가 주어진 문자열 ID로 요소에 대해 그 끝을 조회 할 수있다?
ID가 인 요소가 있다고 가정 해보십시오 ctl00$ContentBody$txtTitle
. 그냥 통과하여 어떻게 얻을 수 txtTitle
있습니까?
요소 유형을 알고있는 경우 : (예 : 'element'를 'div'로 교체)
$("element[id$='txtTitle']")
요소 유형을 모르는 경우 :
$("[id$='txtTitle']")
// the old way, needs exact ID: document.getElementById("hi").value = "kk";
$(function() {
$("[id$='txtTitle']").val("zz");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="ctl_blabla_txtTitle" type="text" />
질문에 대한 대답은 $("[id$='txtTitle']")
, 마크 허드 (Mark Hurd)는 대답으로 ,하지만 나 같은, ID가 모든 요소를 찾으려는 사람, 사람들을 위해 시작 (예를 txtTitle에 대한) 지정된 캐릭터 라인을,이 (시도 문서를 )
$("[id^='txtTitle']")
주어진 문자열 ( doc )을 포함 하는 id를 가진 요소를 선택하려면 :
$("[id*='txtTitle']")
주어진 문자열 ( doc ) 이 아닌 요소를 선택하려면 :
$("[id!='myValue']")
(특정 속성이없는 요소와도 일치)
주어진 단어를 포함하는 요소를 선택하려면 공백으로 구분됩니다 ( doc ).
$("[id~='myValue']")
id가 주어진 문자열과 같거나 해당 문자열로 시작하고 그 뒤에 하이픈 ( doc ) 이있는 요소를 선택하려면 다음을 수행하십시오 .
$("[id|='myValue']")
시험
$("element[id$='txtTitle']");
편집 : 4 초 늦게 : P
$('element[id$=txtTitle]')
일치하는 텍스트 조각을 인용 할 필요는 없습니다.
검색중인 용어에 밑줄 또는 $를 추가하는 것이 더 안전하므로 동일한 ID로 끝나는 다른 요소와 일치하지 않을 수 있습니다.
$("element[id$=_txtTitle]")
여기서 ( 요소 요소의 유형이 당신을 찾기 위해 노력하고 - 예를 들어 div
, input
등
(ID에 $ 기호가있는 경향이 있다고 제안하지만 .NET 2는 이제 ID에 밑줄을 사용하는 경향이 있으므로 내 예제에서는 밑줄을 사용합니다).
예 : <a>
ID가 _edit로 끝나는 모든을 선택하려면 :
jQuery("a[id$=_edit]")
또는
jQuery("a[id$='_edit']")
이것은 ASP.NET이므로 ASP <% = %> 태그를 사용하여 생성 된 txtTitle ClientID를 인쇄 할 수 있습니다.
$('<%= txtTitle.ClientID %>')
결과는 ...
$('ctl00$ContentBody$txtTitle')
... 페이지가 렌더링 될 때
참고 : Visual Studio에서 Intellisense는 ASP 태그를 JavaScript에 넣는 것에 대해 소리를 지 릅니다. 결과가 유효한 JavaScript이므로이를 무시할 수 있습니다.
이 시도:
<asp:HiddenField ID="0858674_h" Value="0" runat="server" />
var test = $(this).find('[id*="_h"').val();
iframe이 많은 페이지에서 "iFrame"으로 끝나는 iframe ID를 찾으려면
jQuery(document).ready(function (){
jQuery("iframe").each(function(){
if( jQuery(this).attr('id').match(/_iFrame/) ) {
alert(jQuery(this).attr('id'));
}
});
});
참고 URL : https://stackoverflow.com/questions/609382/jquery-selector-id-ends-with
'Programing' 카테고리의 다른 글
Java에서 jsonString을 JSONObject로 변환하는 방법 (0) | 2020.02.26 |
---|---|
Java-정수를 문자열로 변환 (0) | 2020.02.26 |
Eclipse에서 코드를 자동 형식화하는 방법은 무엇입니까? (0) | 2020.02.26 |
JavaScript에서 날짜 증가 (0) | 2020.02.26 |
두 개의 스택을 사용하여 큐를 구현하는 방법은 무엇입니까? (0) | 2020.02.26 |