Make clickable div with jQuery according to tag “a href”

Make clickable div with jQuery according to tag "a href"

The task is to make clickable div tags. There are several div blocks in a page, each div contains a hyperlink with URL. You need to make so, that if you click on div element, you open a hyperlink.

HTML-code of this construction is here:

<div id="allitems">
	<div class="item">
        <div class="vis"></div>
            <a href="url_1"><span>Link 1</span></a>
    </div>
    <div class="item">
        <div class="vis"></div>
            <a href="url_2"><span>Link 2</span></a>
    </div>
	<div class="item">
        <div class="vis"></div>
            <a href="url_3"><span>Link 3</span></a>
    </div>
</div>

</div>

</div>

</div>

The easiest way is to add a small Javascript code if you use jQuery. Of course, it must be added after jQuery loaded.

$(function () {
	$('.item').each(function() {
		$(this).on('click', function() {
			var lnk = $(this).find("a").attr('href');
			window.location = lnk;
		});
	});
});

$(function () {

$('.item').each(function() {

$(this).on('click', function() {

var lnk = $(this).find("a").attr('href');

window.location = lnk;

});

14 October 2019, admin
Javascript
Comments: (0)

Make clickable div with jQuery according to tag "a href"

No Comments »

Leave a comment

New posts