jquery - 使用 jQuery 使整个 Div 可点击

Question

代码:

<style>
    .mydiv {
        border: 1px solid #00f;
        cursor: pointer; 
    }
</style>

<div class="mydiv">blah blah blah. 
    <a href="http://examples.com">Examples link</a>
</div>

---

我想单击“blah blah blah”文本并跳转到“ http://examples.com” ' 使用 jQuery 的链接。

Answer 1

JS:

$(".mydiv").click(function(){
    if($(this).find("a").length){
        window.location.href = $(this).find("a:first").attr("href");
    }
});

或者:

简单的写:

<a href="http://examples.com">
    <div class="mydiv">blah blah blah. 
        Examples link
    </div>
</a>