Sizzle Selector Engine Error

Question

I'm attempting to use jQuery and ASP.NET. I am pasting the server control "ClientID" into a jQuery selector and I'm getting an error (with no error text) from the Sizzle selector engine.

My selector looks like this...

$('#ctl00_ContentPlaceHolder1__phProfileHeader__filProfileImage')

Is it the length that might be causing the problem? I've re-checked the control ID several times in the client code and everything seems fine. So what's the deal? I use the same strategy in several other places and they work fine.

Answer 1

I don't get any errors. I don't think is jQuery related. Can you pass the error?

$(document).ready( function(){
    console.log( $('#ctl00_ContentPlaceHolder1__phProfileHeader__filProfileImage'));
});

Returns the div.

Answer 2

That's pretty strange. Something that I have seen used when dealing with those long ASP.NET generated IDs is jQuery's content filters. For example, this one will look for element's who's id attribute ends with "filProfileImage":

$("[id$=filProfileImage]")

Try that and see if it helps.

http://docs.jquery.com/Selectors/attributeEndsWith#attributevalue

Answer 3

Are you sure the error is happening in Sizzle?

I would check to see what you get with

document.getElementBy('ctl00_ContentPlaceHolder1__phProfileHeader__filProfileImage');

just to make sure the dom is available. Not that sizzle should care, but...

Please post your error message.

Cheers