Сделать весь Div Clickable онлайн урок.


Обновление:это, вероятно, не то, что вам нужно больше полагаться на JavaScript. Начиная с HTML5, это совершенно верно:

<a href="http://example.com">
<div>
anything
</div>
</a>

И помните, что вы можете делать ссылкиdisplay: block;, поэтому иногда вам даже не нужен div.

Но если вам абсолютно необходимо использовать JavaScript, одним из способов является найти ссылку внутри div и перейти к ее href при нажатии на div.

$(".myBox").click(function() {
window.location = $(this).find("a").attr("href");
return false;
});

Ищет ссылку внутри div с классом «myBox». Перенаправляет на это значение ссылок, когда в любом месте в div нажато.

Ссылка HTML:

<div class="myBox">
blah blah blah.
<a href="http://google.com">link</a>
</div>

Или вы можете установить атрибут данных в div и сделать так:

window.location = $(this).data("location");