在jQuery中以编程方式单击li img
在jQuery中以编程方式单击li img
提问于 2013-01-15 04:52:49
我正在尝试单击我的一个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();但这似乎并不管用。我会错过什么？
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-01-15 04:55:14
你的问题是你的id中的句号。这通常是一种糟糕的做法，但在jQuery中，如果您在选择器中转义句点，就可以克服这种情况。如下所示：
$("#04_BOARDWALK_VIEW\\.jpg").click();注意需要双反斜杠，因为\是javascript中的转义字符，所以你需要一个反斜杠来实际转义真正的反斜杠，这是jQuery转义句点所需要的。同样，最佳实践是让您根本不使用id中的句号。
Stack Overflow用户
发布于 2013-01-15 04:54:56
.是一个特殊字符，因此需要进行转义。
$('#04_BOARDWALK_VIEW\\.jpg')不过，我也想知道您是如何在不这样做的情况下向图像添加一个单击处理程序的。
最初的选择器#04_BOARDWALK_VIEW.jpg会得到一个id为#04_BOARDWALK_VIEW、类为jpg的元素。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14326438
复制相关文章
相似问题
腾讯云开发者
