如何在jQuery中使用图像ID获取图像位置

Question

我在页面中有几张图像。

<a href="http://imagelocation" id="image-selected[0]"><img src="http://imagelocation" alt=""></a>
<a href="http://imagelocation" id="image-selected[1]"><img src="http://imagelocation" alt=""></a>
<a href="http://imagelocation" id="image-selected[2]"><img src="http://imagelocation" alt=""></a>

现在，如果我单击任何图像，则需要在jquery变量中获取imagelocation。 我该怎么办？

我尝试了这个，但是没有用。

$('#image-selected').click(function(){
  alert($('#image-selected').attr('href'));
})

Answer 1

您最好改用一个普通的类...但是关于您的问题，您可以使用startsWith属性选择器：

$('[id^=image-selected]').click(function(){
  alert($(this).attr('href'));
})

Answer 2

试试这个代替：

的HTML：

<a href="http://imagelocation" class="image-selected"><img src="http://imagelocation" alt=""></a>
<a href="http://imagelocation" class="image-selected"><img src="http://imagelocation" alt=""></a>
<a href="http://imagelocation" class="image-selected"><img src="http://imagelocation" alt=""></a>

jQuery的：

$('.image-selected').click(function(){
  alert($(this).attr('href'));
})

Answer 3

简单！ 您需要启动事件的元素：）

$('img').click(function(){
    alert($(this).attr('src'));
}

最好使用类而不是ID，因为ID用作唯一标识符

Answer 4

如果需要链接的图像位置，只需更新：

$('[id^=image-selected]').click(function(){
  alert('img',$this).attr('src');
});

我将建议使用class在所有如下所示的链接上触发jquery函数：

<a href="http://imagelocation" class="imgLink" id="image-selected[0]"><img src="http://imagelocation" alt=""></a>
<a href="http://imagelocation" class="imgLink" id="image-selected[1]"><img src="http://imagelocation" alt=""></a>
<a href="http://imagelocation" class="imgLink" id="image-selected[2]"><img src="http://imagelocation" alt=""></a>

现在，您的jquery可以像这样简单：

$('.imgLink').click(function(){
  alert('img',$this).attr('src');
});