jQuery Selector: Id Ends With?
Is there a selector
that I can query for elements with an ID that ends with a given string?
Say I have a element with an id of ctl00$ContentBody$txtTitle
. How can I get this by passing just txtTitle
?
If you know the element type then: (eg: replace 'element' with 'div')
$("element[id$='txtTitle']")
If you don't know the element type:
$("[id$='txtTitle']")
More information available
// 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" />
The answer to the question is $("[id$='txtTitle']")
, as Mark Hurd answered, but for those who, like me, want to find all the elements with an id which starts with a given string (for example txtTitle), try this (doc) :
$("[id^='txtTitle']")
If you want to select elements which id contains a given string (doc) :
$("[id*='txtTitle']")
If you want to select elements which id is not a given string (doc) :
$("[id!='myValue']")
(it also matches the elements that don't have the specified attribute)
If you want to select elements which id contains a given word, delimited by spaces (doc) :
$("[id~='myValue']")
If you want to select elements which id is equal to a given string or starting with that string followed by a hyphen (doc) :
$("[id|='myValue']")
Try
$("element[id$='txtTitle']");
edit: 4 seconds late :P
$('element[id$=txtTitle]')
It's not strictly necessary to quote the text fragment you are matching against
It's safer to add the underscore or $ to the term you're searching for so it's less likely to match other elements which end in the same ID:
$("element[id$=_txtTitle]")
(where element is the type of element you're trying to find - eg div
, input
etc.
(Note, you're suggesting your IDs tend to have $ signs in them, but I think .NET 2 now tends to use underscores in the ID instead, so my example uses an underscore).