divをclickableにし、リンク先をdiv内のリンク先にする方法

Tweet

Pocket

たとえば

<div class="box" style="width:100%;height:100px;">
    <a href="hogehoge.html">hogehoge</a>
</div>

のように、boxをclickしたら、.box内のリンクへ遷移させるには

<script>
jQuery(document).ready(function(){
    jQuery('.box').click(function() {
        var href= jQuery(this).children('a').attr('href');
        window.location.href= href;
    });
});

</script>

divにhoverしたときに、リンクとわかるようにpointerにする

<style>
.box {
    cursor:pointer;
}
</style>