在没有id标记的情况下，将附加到varing金额
在没有id标记的情况下，将附加到varing金额
提问于 2013-07-26 17:51:01
因此，我知道如何做到这一点，没有问题，如果图像有标识标签，但我失去了如何做到这一点没有他们。
http://jsfiddle.net/2GwEm/
我想点击一个缩略图，并有大的图片变化。
问题：
- 图像的数量是不同的，因此我希望找到一种将click事件附加到所有元素的方法。
- 这些图像没有id标签
- 我不能只通过javascript和jquery直接编辑html。
主要图片：
<div id="IDX-primaryPhoto" class="IDX-detailsPhotoWrap">
<a href="">
<img src="CAT9536786.jpg" id="IDX-detailsPhoto">
</a>
</div>缩略图：
<div id="IDX-detailsShowcase">
<div class="IDX-showcaseSlide" id="IDX-detailsImage1">
<div class="IDX-showcaseContent">
<img alt="Property Photo" src="CAT9536786.jpg" class="IDX-detailsShowcaseImage">
</div>
</div>
<div class="IDX-showcaseSlide" id="IDX-detailsImage2">
<div class="IDX-showcaseContent">
<img alt="Property Photo" src="CAT9536786A.jpg" class="IDX-detailsShowcaseImage">
</div>
</div>
</div>回答 5
Stack Overflow用户
回答已采纳
发布于 2013-07-26 18:03:11
这是执行部分要求的我的答复。
你的缩略图有课。您可以使用它作为jquery选择器。
$('.IDX-detailsShowcaseImage')
因此：
$('.IDX-detailsShowcaseImage').click(function () {
var href = $(this).prop('src'); //grab the src of the thumbnail
$('#IDX-detailsPhoto').prop('src', href); //set it as the big image
});Jsfiddle.net/2 2GwEm/2
Stack Overflow用户
发布于 2013-07-26 17:54:57
您不需要id来附加事件处理程序，也不需要为此使用任何jQuery函数，jQuery提供了一个大量的选择器，您可以使用该大量的选择器并将其组合起来获取所需的元素。在您的示例中，您的图像已经有了一个类，因此请使用类选择器：
$('.IDX-detailsShowcaseImage').click(your_function);Stack Overflow用户
发布于 2013-07-26 17:56:10
在jQuery中，单击所有图像，如下所示：
$(document).on("click", ".IDX-detailsShowcaseImage img", function(){
var img_src = $(this).attr('src')
//your code here
});因此，您可以动态创建<img>元素，仍然响应所有单击事件，并使用$(this)访问触发事件的元素。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17887833
复制相关文章
相似问题
腾讯云开发者
