Home/ Questions/Q 9129291
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T07:42:46+00:00

I am trying to click one of my LI thumbnails. The HTML code for

  • 0

I am trying to click one of my LI thumbnails. The HTML code for this is:

<ul id="thumbImgs" class="list" style="height: 250px;">
   <li id="04_BOARDWALK_VIEW.jpg" data-wh="1000|700|testing 3" class="item">
      <img src="cms/img/uploaded/04_BOARDWALK_VIEW_tmb.jpg" width="120" height="120" class="imgStyle" style="opacity: 0.5;">
   </li>
   etc etc....
</ul>

I’ve already tried:

$('#04_BOARDWALK_VIEW.jpg').click();

$("#thumbImgs li #04_BOARDWALK_VIEW.jpg").click();

$("#thumbImgs li 04_BOARDWALK_VIEW.jpg").click();

But that does not seem to work. What would i be missing?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The problem you have is the period in your id. That is generally poor practice, but can be overcome in jQuery if you escape the period in the selector. Do it like this:

    $("#04_BOARDWALK_VIEW\\.jpg").click();

    Note the need for double backslash as \ is an escapes charater in javascript, so you need one backslash to actually escape the real backslash which is needed by jQuery to escape the period. Again, best practice would have you not using the periods in the id’s at all.

    • 0