I'm writing javascript for a page that was built using a WYSIWYG. No, I cannot at present go in and change the IDs or really tweak the DOM.
This is the DOM element I'm trying to select (this was created by the WYSIWYG).
<td nowrap="true" align="left" id="vW2070;" name="vW2070;" style="padding-left: 2pt; padding-right: 2pt; border-left: 1pt solid black; cursor: auto; background-color: rgb(164, 194, 64); color: rgb(0, 0, 0);" class=" nAll selected" selected="1" sn="itemList">TOP 5</td>
Currently in my javascript the ID I'm trying to get is #vW2070;
. For some reason document.getElementById("vW2070;")
returns perfectly but $("#vW2070;")
returns null. Why is this? I need to use the jQuery selector.
The function in question is ran on $(document).ready
.
I've never seen anything like this.
Thank you, all.
EDIT: Without the semi-colon it doesn't pick it up either. The semi-colon is literally in the ID attribute on the element thanks to the WYSIWYG.