Question

我正在尝试点击我的一张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();

但这似乎不起作用。我会失踪什么？

Answer 1

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

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

虽然我也想知道如何在不执行此操作的情况下为图像添加点击处理程序。

您的原始选择器#04_BOARDWALK_VIEW.jpg会为您提供一个id #04_BOARDWALK_VIEW和类 jpg的元素。

Answer 2

你遇到的问题是你身份证的期限。这通常是糟糕的做法，但如果你在选择器中逃避这段时间，可以在jQuery中克服。这样做：

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

注意需要双反斜杠，因为\是javascript中的转义字符，所以你需要一个反斜杠才能真正逃避jQuery逃避这段时间所需的真正反斜杠。同样，最佳做法是让你根本不使用id中的句号。

可编程地点击jQuery中的li img

2 个答案: