[英]Jquery get closest a href attribute
我有以下標記,我正在嘗試獲取 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"></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').on('click', '.bottomP', function (event) { console.log($(this).closest('.wrapper').find('a').attr('href')); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <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>
除了 Mohammad 提到的需要使用 .wrapper 而不是 #wrapper 的內容。 我建議使用.find()
而不是.closest()
。 .closest()
在 IE 中不起作用,但這對您來說可能不是問題。 你也可以做這樣的事情:
$("div.wrapper").on('click', '.bottomP', function () {
console.log($("div.wrapper a:first").attr('href'));
});
這將獲取包裝器 div 中的第一個<a>
標簽。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.