Programing

jQuery 선택기 : ID로 끝나는가?

lottogame 2020. 2. 26. 07:38
반응형

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



반응형