jQuery Selector: ID endet mit?

Gibt es eine selector, die ich nach Elementen mit einer ID abfragen kann, die mit einer bestimmten Zeichenfolge endet?

Angenommen, ich habe ein Element mit der ID ctl00$ContentBody$txtTitle. Wie kann ich das erreichen, indem ich nur passiere txtTitle?

Wenn Sie den Elementtyp kennen, dann: (zB: 'Element' durch 'div' ersetzen)

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

Wenn Sie den Elementtyp nicht kennen:

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

Weitere Informationen verfügbar

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

Die Antwort auf die Frage lautet $("[id$='txtTitle']"), wie Mark Hurd antwortete , aber für diejenigen, die wie ich alle Elemente mit einer ID finden möchten, die mit einer bestimmten Zeichenfolge beginnt (z. B. txtTitle), versuchen Sie Folgendes ( doc ):

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

Wenn Sie möchten , Elemente auszuwählen , die ID enthält eine bestimmte Zeichenkette ( doc ):

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

Wenn Sie Elemente auswählen möchten, deren ID keine bestimmte Zeichenfolge ( doc ) ist:

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

(Es stimmt auch mit den Elementen überein, die nicht das angegebene Attribut haben.)

Wenn Sie Elemente auswählen möchten, deren ID ein bestimmtes Wort enthält, das durch Leerzeichen ( doc ) begrenzt ist:

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

Wenn Sie Elemente auswählen möchten, deren ID einer bestimmten Zeichenfolge entspricht oder mit dieser Zeichenfolge gefolgt von einem Bindestrich ( doc ) beginnt :

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

Versuchen

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

bearbeiten: 4 Sekunden zu spät: P.

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

Es ist nicht unbedingt erforderlich, das Textfragment zu zitieren, mit dem Sie übereinstimmen

Es ist sicherer, den Unterstrich oder $ zu dem gesuchten Begriff hinzuzufügen, damit es weniger wahrscheinlich ist, dass er mit anderen Elementen übereinstimmt, die mit derselben ID enden:

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

(wo Element der Typ des Elements ist Sie versuchen zu finden - zB div, inputusw.

(Beachten Sie, dass Ihre IDs in der Regel $ -Zeichen enthalten, aber ich denke, dass .NET 2 jetzt eher Unterstriche in der ID verwendet, sodass in meinem Beispiel ein Unterstrich verwendet wird.)

Ein Beispiel: <a>Um alle s mit einer ID auszuwählen, die auf _edit endet:

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

oder

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

Da dies ASP.NET ist, können Sie einfach das ASP-Tag <% =%> verwenden, um die generierte ClientID von txtTitle zu drucken:

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

Dies führt zu ...

$('ctl00$ContentBody$txtTitle')

... wenn die Seite gerendert wird.

Hinweis: In Visual Studio schreit Intellisense Sie an, weil Sie ASP-Tags in JavaScript eingefügt haben. Sie können dies ignorieren, da das Ergebnis gültiges JavaScript ist.

Versuche dies:

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

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

Um eine Iframe-ID zu finden, die auf einer Seite mit vielen Iframes mit "iFrame" endet.

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

                     }                   
                  });     
         });