How to use JQuery, select element by ID and ASP.NET without putting ctl00_ everywhere in the code

Question

I have about 600+ references of code similar to the following...

$("#ctl00_ContentMainPane_eliteUser").html

And changed the master template, only to find all the code had broken, due to the control hierarchy changing.

All javascript is included in separate files, so I cannot use code such as this...

$("#<%= eliteUser.clientID%>").html

I want to have a good solution to fixing this issue so that after fixing it once, I don't have to modify all the code if the template changes in the future.

Answer 1

How about defining a JavaScript function in your master page such as:

function getContainerId() {
    return "<%=ContentMainPane.ClientID %>";
}

Then in your included JavaScript files do something like this:

$("#" + getContainerId() + "_eliteUser");