CSS Class Names Instead of ASP.NET Client IDs
But there is one simply but yet dirty way of addressing HTML elements rendered by ASP.NET. Do you remember that you can assign the CssClass attribute to any server control? Do you remember the jQuery selector that allows you to retrieve the elements with the specified CSS class? So, we can use it!
The pattern is simple:
<asp:TextBox ID="txtStreet" runat="server" CssClass="txtStreet" />
You just add the CssClass attribute and give it a unique value.
Then you can retrieve the value of the element or perform any other manipulation with jQuery:
Pretty simple. Although you must remember that it can take some time in case you have a long page because it will look through all the HTML tags to find the one with the given class name. At the same time for fast execution you can specify which elements to look for, you can simply add a tag name before, for instance “input” or a jQuery attribute – “:input”: