make clickable element with clickable class

makes an element with a link into a clickable element

HTML

<div class='clickable some-padding'>
<a href='/view/code/Q92MB/make-clickable-element-with-clickable-class/'>Im a Link</a>
But this whole div should be clickable
</div>

CSS

.some-padding {
padding:20px;
border-radius:10px;
background:#999;
}
.clickable {
cursor:pointer;
}

Javascript

$(document).ready(function(){
$('.clickable').click(function(){
    window.location=$(this).find('a').attr('href');
    return false;
});
});

Demo

Im a Link But this whole div should be clickable

Other Items in js
Page Views

This page has been viewed 48 times.

Search Code
Search Code by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code snippits here, mostly for my reference. Also if i find a good site, i usually add it here.

❤👩‍💻🕹