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');
});

如何在jquery中使用图像id获取图像位置

4 个答案: