jQuery selectors with meta-characters

Question

I'm having problem selecting an element with an id like this <li ="0f:Bactidol_Recorder.mp4">.

I tried using the function that escapes meta-characters with two backslashes below from this jquery link but still can't select the element

Function:

function jq(myid) { 
   return '#' + myid.replace(/(:|\.)/g,'\\$1');
}

Example:

$(jq('0fb:Bactidol_Recorder.mp4')).empty()

Output:

$(#0fb\\:Bactidol_Recorder\\.mp4).empty();

It's worth noting that this isn't a valid HTML `id` attribute. They must start with a letter. (See the HTML TR: http://www.w3.org/TR/REC-html40/types.html#type-name ) — porges, Mar 22 '10 at 00:03

score 2 · Accepted Answer · edited Apr 06 '10 at 15:04

2

EDIT: Your original code works fine. (jQuery 1.4.2)

You could write

$('*[id="0fb:Bactidol_Recorder.mp4"]')

However, it'll be slower.

The fastest way to do this would be to write

$(document.getElementById("0fb:Bactidol_Recorder.mp4"))

edited Apr 06 '10 at 15:04

Maxime Rouiller

answered Mar 22 '10 at 00:07

SLaks

Then you should accept this answer by clicking the hollow check. – SLaks Mar 22 '10 at 00:25

1 Answers1