Jquery - Access DIV inside a td tag

Question

I am having trouble accessing a div element within a table.

// All within document ready ...

$('.ChangeStatus').click(function()
{
    $('#status_display:100').html('Updated');   

});

Here is the HTML

<td>
     <div class="status_display" id="status_display:100">
          open<br/>
          <a href="#" class="ChangeStatus" id="close:100">Close lead</a>
     </div>
</td>

WHen I click the anchor it says the html of the div is null before and after I try to set the html.

Thanks in advance!

PetersenDidIt · Answer 1 · 2010-03-10T23:50:26.840

8

The : character is a special character in jquery selectors which needs to be escaped.

Try this $('#status_display\\:100').html('Updated');

edited Mar 10 '10 at 23:50

answered Mar 10 '10 at 23:37

PetersenDidIt

25,562
3
67
72

Awesome, I didn't know you could escape them like that. – Plynx Mar 10 '10 at 23:39

score 2 · Answer 2 · edited May 23 '17 at 12:03

2

jQuery has problems with IDs that contain colons:

Jquery - Access DIV inside a td tag

2 Answers2