javascript - 用于获取正在单击的按钮附近的 'a' 标签的 href 的 jquery 代码

Question

美好的一天。

我只想在最终用户单击链接附近的按钮后获取链接的 href。但问题是有很多按钮和链接。因此，如果最终用户单击第一个按钮，它应该显示“www.a.com”。如果单击第三个按钮，它应该显示“www.c.com”。任何人都可以帮助如何完美地完成它吗？谢谢...

<div>
<a href='www.a.com'>a</a><input type='button' class='btn' onClick='validate()' value='V'/>
</div>
<div>
<a href='www.b.com'>b</a><input type='button' class='btn' onClick='validate()' value='V'/>
</div>
<div>
<a href='www.c.com'>c</a><input type='button' class='btn' onClick='validate()' value='V'/>
</div>
<div>
<a href='www.d.com'>d</a><input type='button' class='btn' onClick='validate()' value='V'/>
</div>

<script type="text/javascript">
function validate()
{
alert($('div a').closest('a').attr('href'));
}
</script>

Answer 1

尝试使用父级和子级，例如

function validate()
{
    alert($(this).parent('div').child('a').attr('href'));
}

或者您甚至可以使用 prev 来获取它，例如

alert($(this).prev('a').attr('href'));