0

我正在尝试单击我的 LI 缩略图之一。用于此的 HTML 代码是：

<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>

我已经尝试过：

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

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

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

但这似乎不起作用。我会错过什么？

4

2 回答 2

7

.是一个特殊字符，因此需要转义。

$('#04_BOARDWALK_VIEW\\.jpg')

虽然我也想知道您如何能够在不这样做的情况下向图像添加点击处理程序。

您的原始选择器将为您提供一个具有of和一个类的#04_BOARDWALK_VIEW.jpg元素。id#04_BOARDWALK_VIEWjpg

于 2013-01-14T20:54:56.140 回答
7

您遇到的问题是您的身份证件中的期间。这通常是不好的做法，但如果您在选择器中转义句点，则可以在 jQuery 中克服。像这样做：

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

请注意需要双反斜杠作为\javascript 中的转义字符，因此您需要一个反斜杠来实际转义 jQuery 转义句点所需的真正反斜杠。同样，最佳做法是让您根本不使用 id 中的句点。

于 2013-01-14T20:55:14.400 回答