Question

我有这个：

$(this).find('a:first');

如果我单击的按钮与我想要检索的链接位于同一容器中，

并且正常工作以检索第一个链接的URL。

但是如何检索父容器的URL？

在下面的情况下，我想检索按钮所在的<li>的a.sharedLink的链接。因此，如果有人点击其中一个按钮，onclick事件将捕获的URL a.sharedLink。我拥有所有功能，我想要的只是获取该URL。

e.g：

<ul class="links">
<li><a class="sharedLink" href="http://www.domain1.com">Check out my hilarious personal website! :)</a>
<span class="buttons">
    <a href="" class="share shareTW" target="_blank">Share on Twitter</a>
    <a href="" class="share shareFB" target="_blank">Share on Facebook</a>
    <a href="" class="share shareLI" target="_blank">Share on LinkedIn</a>
    <a href="" class="share shareDE" target="_blank">Share on Delicious</a>
    <a href="" class="share eMail" target="_blank">Send by E-Mail</a>
</span></li>
<li><a class="sharedLink" href="http://www.domain2.com">This is my Tech Blog</a>
<span class="buttons">
    <a href="" class="share shareTW" target="_blank">Share on Twitter</a>
    <a href="" class="share shareFB" target="_blank">Share on Facebook</a>
    <a href="" class="share shareLI" target="_blank">Share on LinkedIn</a>
    <a href="" class="share shareDE" target="_blank">Share on Delicious</a>
    <a href="" class="share eMail" target="_blank">Send by E-Mail</a>
</span></li> 
</ul>

Answer 1

$(this).closest('li').find('a:first');

http://api.jquery.com/closest/

Answer 2

$(this).parent().prev().attr('href');

如何使用jQuery检索容器父级的URL？

2 个答案: