首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何获取带有image标签的锚标签的href值

如何获取带有image标签的锚标签的href值
EN

Stack Overflow用户
提问于 2013-07-09 07:08:46
回答 2查看 1.8K关注 0票数 2

我尝试用jquery获取图像src,下面是代码

代码语言:javascript
运行
AI代码解释
复制
jQuery("img").click(function() {
    var im = $(this).attr('src'); 
    alert(im);
    return false;
});

上面的工作正常,我可以得到图像src。同样,我尝试获取锚标签的href值,除非其中包含图像标签,否则就不应该。下面是一个包含图像标签的示例。

代码语言:javascript
运行
AI代码解释
复制
<a href="some.something"><img src="image1.jpg"></a>

怎么做?哪个选择器更好?有什么想法吗?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-07-09 07:11:51

代码语言:javascript
运行
AI代码解释
复制
$('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.

要使用单击函数,请执行以下操作:

代码语言:javascript
运行
AI代码解释
复制
$('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'));
})
票数 4
EN

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

整个代码:

代码语言:javascript
运行
AI代码解释
复制
$('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);
}
});
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17542113

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档