jQuery Selector: Id kończy się na?

Czy istnieje selectormożliwość zapytania o elementy o identyfikatorze kończącym się danym ciągiem?

Powiedz, że mam element o identyfikatorze ctl00$ContentBody$txtTitle. Jak mogę to uzyskać, przekazując tylko txtTitle?

Jeśli znasz typ elementu, to: (np .: zamień „element” na „div”)

$("element[id$='txtTitle']")

Jeśli nie znasz typu elementu:

$("[id$='txtTitle']")

Więcej informacji dostępnych

// 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" />

Odpowiedź na pytanie brzmi $("[id$='txtTitle']"), jak odpowiedział Mark Hurd , ale dla tych, którzy, podobnie jak ja, chcą znaleźć wszystkie elementy o identyfikatorze rozpoczynającym się od określonego ciągu (na przykład txtTitle), wypróbuj to ( doc ):

$("[id^='txtTitle']")

Jeśli chcesz wybrać elementy, których identyfikator zawiera podany ciąg ( dokument ):

$("[id*='txtTitle']")

Jeśli chcesz wybrać elementy, których identyfikator nie jest podanym łańcuchem ( dokument ):

$("[id!='myValue']")

(pasuje również do elementów, które nie mają określonego atrybutu)

Jeśli chcesz wybrać elementy, których identyfikator zawiera dane słowo, oddzielone spacjami ( doc ):

$("[id~='myValue']")

Jeśli chcesz wybrać elementy, których identyfikator jest równy podanemu ciągowi lub zaczynając od tego ciągu, po którym następuje myślnik ( doc ):

$("[id|='myValue']")

Próbować

$("element[id$='txtTitle']");

edycja: opóźnienie 4 sekundy: P.

$('element[id$=txtTitle]')

Cytowanie fragmentu tekstu, do którego pasujesz, nie jest absolutnie konieczne

Bezpieczniej jest dodać podkreślenie lub $ do wyszukiwanego terminu, więc mniej prawdopodobne jest dopasowanie innych elementów, które kończą się tym samym identyfikatorem:

$("element[id$=_txtTitle]")

(gdzie elementem jest rodzaj elementu starasz się znaleźć - na przykład div, inputitd.

(Uwaga, sugerujesz, że twoje identyfikatory mają na ogół znaki $, ale myślę, że .NET 2 używa teraz w podkreśleniu identyfikatorów, więc mój przykład używa podkreślenia).

Przykład: aby wybrać wszystkie <a>s z identyfikatorem kończącym się na _edit:

jQuery("a[id$=_edit]")

lub

jQuery("a[id$='_edit']")

Ponieważ jest to ASP.NET, możesz po prostu użyć znacznika ASP <% =%>, aby wydrukować wygenerowany identyfikator klienta txtTitle:

$('<%= txtTitle.ClientID %>')

Spowoduje to ...

$('ctl00$ContentBody$txtTitle')

... gdy strona jest renderowana.

Uwaga: w Visual Studio Intellisense będzie krzyczeć na ciebie za umieszczenie znaczników ASP w JavaScript. Możesz to zignorować, ponieważ wynikiem jest poprawny JavaScript.

Spróbuj tego:

<asp:HiddenField ID="0858674_h" Value="0" runat="server" />

var test = $(this).find('[id*="_h"').val();

Aby znaleźć identyfikator iframe kończący się na „iFrame” na stronie zawierającej wiele iframe.

jQuery(document).ready(function (){     
                  jQuery("iframe").each(function(){                     
                    if( jQuery(this).attr('id').match(/_iFrame/) ) {
                            alert(jQuery(this).attr('id'));

                     }                   
                  });     
         });