jQuery Selector: Id Ends With?

Question

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?

Answer 1

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

Answer 2

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']")