Question

我试图找到按钮所在的类前面的href属性类页脚。似乎无法使其发挥作用。

HTML

<div class="panel">
    <div class="front"> 
        <a rel="lightbox" href="asas/as/abc.html">
            <img width="200" height="125" src="http://www.wired.com/wiredenterprise/wp-content/uploads//2012/10/stormtroopers-sm.png"  >
        </a>
        <div class="footer">
            <button class="btn btn-mini" rel="btn_scr"><i class="icon-fullscreen"></i> </button>
        </div>
    </div>
    <div class="back" style="width: 200px; height: 157px;">something here</div>
</div>

JAVA

$('body').on('click', '[rel=btn_scr]', function (event) {
    event.preventDefault();
    var data = $(this).parents(".front > a").attr("href");
    alert(data);
    //console.log(data);

});

Answer 1

问题是.front > a永远不是您按钮的父级。您需要遍历父级（.front）然后向下遍历锚点，例如

var data = $(this).closest('.front').find('> a').attr('href');

更新：为parents()交换closest()，因为它更适合此操作。差异在closest() documentation

上说明

Answer 2

试试这个

http://jsfiddle.net/C5R7u/2/

var data = $(this).closest(".front").find('a').attr("href");

Answer 3

你可以试试这个

$(this).parents(".front").find('a').attr('href')

这是更新后的jsfiddle

jquery选择父元素

3 个答案: