javascript - 如果其中包含图像标签,如何获取 anchor 标签的 href 值

标签 javascript jquery jquery-selectors

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

jQuery("img").click(function() {
    var im = $(this).attr('src'); 
    alert(im);
    return false;
});

以上工作正常,我可以获得图像 src。同样,我尝试仅在 anchor 标记中包含图像标记时才获取它的 href 值,否则它不应该。下面是一个包含图像标记的示例。

<a href="some.something"><img src="image1.jpg"></a>

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

最佳答案

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

关于javascript - 如果其中包含图像标签,如何获取 anchor 标签的 href 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17542113/

相关文章:

javascript - 通过脚本为一页上的动态对象添加静态附加p标签

javascript - 使用 js 设置 css 变量时转义 url

javascript - Jquery下拉改变值

javascript - 加载图片onclick事件

javascript - 如何从 Node 表达渲染 Angular 组件

javascript - 如何在 Node.js 中登录 MediaWiki(维基百科)API

javascript - 修改 Bootstrap 模态的默认 "dismiss"行为

javascript - Jquery选择语句

Jquery 查找所有以字符串开头的 ID?

javascript - Angularjs querySelector根据属性查找元素