Сделать весь Div кликабельным с помощью JQuery

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> 

---

Я хочу, чтобы нажать на «бла-бла-бла» текста и перейти к « 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> 

Answer 2

Переместить якорь элемент из DIV, чтобы обернуть его

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

Answer 3

$(document).on("click", ".mydiv", function(){ 
    location.href = "http://examples.com"; 
} 

Answer 4

Если вы хотите использовать jQuery для этого, вы ищете функцию щелчка.

$('.mydiv').click(function(){ 
    location.href = 'example.com'; 
}); 

Answer 5

вы можете просто сделать с HTML

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

но

, если вы хотите сделать это с JQuery сделать что-то вроде этого

$(document).ready(function(){ 

    $(".yourDiv").on('click', function(){ 
     //As an HTTP redirect (back button will not work) 
     window.location.replace("http://www.example.com"); 
    }); 

}); 

Answer 6

С JQuery, как было предложено:

$(document).ready(function() { 
    $('.mydiv').click(function() { 
    document.location.href='http://examples.com'; 
    }); 
}); 

OFC, вы можете (и должны) позволить браузеру обрабатывать его в соответствии с предложением Hiral.

Answer 7

При рассмотрении других ответов, которые не еще были приняты, я предполагаю, что вы хотите использовать несколько <div class="mydiv">, с различными href атрибутами <a> элемента.

Если <a> элемент будет всегда быть последним потомком своего родителя:

$(".mydiv").click(function(){ 
    window.location.href = this.lastChild.href; 
}); 

Не забудьте удалить пробелы и конец <div>.

JSFiddle: http://jsfiddle.net/JAJuE/1/

---

Если <a> элемент будет где (хотя и не обязательно в конце) в <div>:

HTML

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

JS

$(".mydiv").click(function(){ 
    window.location.href = this.getElementsByClassName("mylink")[0].href; 
}); 

JSFiddle: http://jsfiddle.net/JAJuE/