Question

<div class="parent">
   <a href="#">download link</a>
</div>


$(".parent").bind("click", function(){

alert('test');

});

想要绑定href click函数，以便在单击.parent时它会转到嵌套链接的位置。

Answer 1

$(".parent").bind("click", function(){
    window.location.href = $(".parent a").attr("href");
});

Answer 2

试试这个：

$(".parent").bind("click", function(){
    alert($(this).children('a').attr('href'));
});

Answer 3

由于父元素中只有一个链接，如果链接完全填充父宽度和高度，则可以完全避免使用javascript：只需设置此CSS

.parent a {
   display: block;
   width  : 100%;  /* or set in px if parent has not width specified */
   height : 100%;  /* or set in px if parent has not height specified */
}

Answer 4

尝试以下内容，它应该有效：

$(".parent a").bind("click", function(){
    alert('test');    
});

Answer 5

然后你可以这样做：

// Choose the a tag specifically
$(".parent").bind("click", function() {
    alert($(this).find('a').attr('href'));
});

应该做的伎俩

祝你好运！

将子href的点击功能绑定到父div

5 个答案: