我有一个 div“.gallery”的多个实例,我想在点击时获取 .gallery 的特定实例所在的 div 的 id。然后,这将填充一个变量,我可以使用该变量使图像仅在该 div 的图库中更改。问题是页面似乎尝试进行图像交换,然后更改变量,因此第一次单击时图像不会更改,更糟糕的是,第一次单击不同的图库时它会更改图像您与之互动的最后一个画廊。目前,每次您单击报告您单击的 div 的 div 时,我都会弹出一个 javascript 警报。如果您想使用它,我将页面处于当前状态。www.ryanscasey.com/redesign
直接的javascript如下:
$(document).ready(function() {
var clickedDiv;
$('.gallery').click(function() {
clickedDiv = $(this).parent().parent().attr("id");
$('#' + clickedDiv + ' .thumbs img').click(function() {
$('#' + clickedDiv + ' .largeImage').html($(this).attr('alt'));
});
alert(clickedDiv);
});
});