jquery选择父元素

Question

我试图在按钮处于类页脚中时找到类前面的href属性.似乎无法使其发挥作用.

的jsfiddle:

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()文档中说明