Javascript Jquery获取最接近的a href属性
我有下面的标记,我正在尝试获取href,但总是无法定义。感谢您的帮助Javascript Jquery获取最接近的a href属性,javascript,jquery,html,Javascript,Jquery,Html,我有下面的标记,我正在尝试获取href,但总是无法定义。感谢您的帮助 <div class="wrapper"> <span class="mixSpanLeft" style="background-image: url(http://cdn.wallpapersafari.com/29/20/3HE5Mx.jpg)"> <a href="http://cdn.wallpapersafari.com/29/20/3HE5Mx.jpg">
<div class="wrapper">
<span class="mixSpanLeft" style="background-image: url(http://cdn.wallpapersafari.com/29/20/3HE5Mx.jpg)">
<a href="http://cdn.wallpapersafari.com/29/20/3HE5Mx.jpg"></a>
</span>
<div class="mixDivRight">
<p class="bottomP"><button>Select</button><p>
</div>
</div>
$container = $('.wrapper');
$container.on('click', '.bottomP', function (event) {
console.log($(this).closest('a').attr('href'));
});
假设您修复了Mohammad评论中提到的类/ID问题,您可以使用:
$('.wrapper').on('click', '.bottomP', function (event) {
console.log($(this).closest('.wrapper').find('a').attr('href'));
});
$'.wrapper'。单击时,'.bottomP',函数事件{
console.log$this.closest.wrapper.find'a.attr'href';
};
选择
除了Mohammad提到需要使用.wrapper而不是wrapper之外。我建议使用.find而不是.closest。最近的在IE中不起作用,但这对你来说可能不是问题。您也可以这样做:
$("div.wrapper").on('click', '.bottomP', function () {
console.log($("div.wrapper a:first").attr('href'));
});
这将获取包装器div中的第一个标记。您在文档中没有包装器id。你应该改用.wrapper。而且,锚点不是.bottomP的祖先,所以最近的锚点不起作用!是的,谢谢你,穆罕默德。进化是正确的。祖先啊!我花了两个小时来试这个。哈哈,谢谢!有了这些变化,它就可以工作了。真不敢相信我错过了。