获取封闭链接标签的 href 属性
在这件事上遇到了一点麻烦。我需要一种使用 Jquery/JS 查找封闭链接标记的 HREF 属性的方法:
<a href="something.html"><img src="img1.jpg" class="active"></a>
我想按类定位 img 并查找第一个前面的 href 属性的值。
$("img.active").somethingAwesome().attr("href");
请告诉我一些很棒的()...帮助?
Having a little trouble on this one. I need a way using Jquery/JS to find the HREF attribute of the enclosing link tag:
<a href="something.html"><img src="img1.jpg" class="active"></a>
I want to target the img by class and find the value of the 1st preceding href attribute.
$("img.active").somethingAwesome().attr("href");
Please show me somethingAwesome() ...help?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
$("img.active").parent("a").attr("href")
将获取直接父级的 href 属性(假设它是锚点)。如果图像和锚点之间存在任何深度的包含块,请改用$("img.active").closest("a").attr("href")
。$("img.active").parent("a").attr("href")
will get the direct parent's href attribute, assuming it's an anchor. If there's any depth of containing blocks between the image and the anchor, use instead$("img.active").closest("a").attr("href")
..parent()
就是您所需要的!这里是文档 :)
根据凯尔的评论,并试图使一些东西尽可能强大,你可以尝试:
这样,即使你的 html 看起来像这样:
你仍然会得到你需要的:)
.parent()
is all you need!Here is the documentation :)
As per Kyle's comment, and in an attempt to make something as robust as possible, you could try:
that way, even if your html looks like this:
you'll still get what you need :)
$("img.active").closest("a").attr("href");
$("img.active").closest("a").attr("href");