jQuery Selector: Id se termine par?

Existe-t-il un selectorélément que je peux rechercher pour les éléments dont l'ID se termine par une chaîne donnée?

Disons que j'ai un élément avec un identifiant de ctl00$ContentBody$txtTitle. Comment puis-je obtenir cela en passant juste txtTitle?

Si vous connaissez le type d'élément, alors: (ex: remplacez 'element' par 'div')

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

Si vous ne connaissez pas le type d'élément:

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

Plus d'informations disponibles

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

La réponse à la question est $("[id$='txtTitle']"), comme l'a répondu Mark Hurd , mais pour ceux qui, comme moi, veulent trouver tous les éléments avec un identifiant qui commence par une chaîne donnée (par exemple txtTitle), essayez ceci ( doc ):

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

Si vous souhaitez sélectionner des éléments dont l'id contient une chaîne donnée ( doc ):

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

Si vous souhaitez sélectionner des éléments dont l'id n'est pas une chaîne donnée ( doc ):

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

(il correspond également aux éléments qui n'ont pas l'attribut spécifié)

Si vous souhaitez sélectionner des éléments dont l'id contient un mot donné, délimité par des espaces ( doc ):

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

Si vous souhaitez sélectionner des éléments dont l'id est égal à une chaîne donnée ou en commençant par cette chaîne suivie d'un trait d'union ( doc ):

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

Essayer

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

montage: 4 secondes de retard: P

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

Il n'est pas strictement nécessaire de citer le fragment de texte auquel vous correspondez

Il est plus sûr d'ajouter le trait de soulignement ou $ au terme que vous recherchez, il est donc moins probable qu'il corresponde à d'autres éléments se terminant par le même ID:

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

(où élément est le type d'élément que vous essayez de trouver - par exemple div, inputetc.

(Remarque, vous suggérez que vos identifiants contiennent généralement des signes $, mais je pense que .NET 2 a désormais tendance à utiliser des traits de soulignement dans l'ID à la place, donc mon exemple utilise un trait de soulignement).

Un exemple: pour sélectionner tous les <a>s dont l'ID se termine par _edit:

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

ou

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

Comme il s'agit d'ASP.NET, vous pouvez simplement utiliser la balise ASP <% =%> pour imprimer l'ID client généré de txtTitle:

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

Cela se traduira par ...

$('ctl00$ContentBody$txtTitle')

... lorsque la page est rendue.

Remarque: Dans Visual Studio, Intellisense vous crie après avoir mis des balises ASP en JavaScript. Vous pouvez ignorer cela car le résultat est un code JavaScript valide.

Essaye ça:

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

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

Afin de trouver un id iframe se terminant par "iFrame" dans une page contenant de nombreux iframes.

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

                     }                   
                  });     
         });