如何获取带有image标签的锚标签的href值
提问于 2013-07-09 07:08:46
我尝试用jquery获取图像src，下面是代码
jQuery("img").click(function() {
var im = $(this).attr('src');
alert(im);
return false;
});上面的工作正常，我可以得到图像src。同样，我尝试获取锚标签的href值，除非其中包含图像标签，否则就不应该。下面是一个包含图像标签的示例。
<a href="some.something"><img src="image1.jpg"></a>怎么做?哪个选择器更好?有什么想法吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-07-09 07:11:51
$('img').parent('a') // Will select anchors who are `img` elements parents.
$('img').parent('a').each(function(_,el){console.log(el.href)}); // will take the href attr.要使用单击函数，请执行以下操作：
$('img').click(function(e){
e.preventDefault();//I use this to not direct myself to linked page for testing
var parent = $(e.target).parent('a');
console.log(parent.attr('href'));
})Stack Overflow用户
发布于 2013-07-09 07:41:17
如果你在图像上有一个id，这通常会更容易。
- 检查图像
src是否具有可使用的父<a>：if ($(this).parent('a').length) {
在点击图片触发的函数中：
要从父级获取href值，请使用
- ，这是一个可以使用的
<a>标记：$(this).parent('a').prop('href'); - 要从映像获取
src值，请使用$(this).prop('src');
整个代码：
$('img').click(function () {
$(this).preventDefault;
if ($(this).parent('a').length) {
var im = $(this).prop('src');
var aHref = $(this).parent('a').prop('href');
alert('First alert with imc src: '+im);
alert('Second alert with link href: '+aHref);
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17542113
复制相关文章
点击加载更多
相似问题
从锚点(a)标签获取本地href值
Jquery -将标签的文本值嵌入锚href属性
带有WatiN的"a href“标签
标签锚点和href的问题，只有HTML
如何转到带有隐藏属性值的标签上的href？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
