Can we add an href attribute on div tag?

Question

I have a div tag and it has a link tag inside it as shown in the code. The link works only when I click on it. But I want to code in such a way that even when I click on div tag, it should go to the link. Please help as I am a beginner in javascript.

<div id="blockbuilding">
  <a id="@data.bbuildingid" href="@Url.Action("Overview","Overview", new{BuildingId=@data.buildingID})" class="buildingAnchor""> @data.buildingName </a>
</div>

score 0 · Accepted Answer · answered Oct 19 '16 at 04:49

0

try this

$(document).ready(function () {

        $("#blockbuilding").click(
            function () {
                AlertSave();
            }            
        );
    });

function AlertSave() {
   alert("Alert Message OnClick");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="blockbuilding">
  <a id="@data.bbuildingid" href="@Url.Action("Overview","Overview", new{BuildingId=@data.buildingID})" class="buildingAnchor""> @data.buildingName </a>
</div>

answered Oct 19 '16 at 04:49

Udhay Titus

5,761
4
23
41

Where should I include the jquery code ? – Anon_y_20_raj Oct 19 '16 at 04:56
you may apply jquery in function AlertSave or you can apply directly in click function of div – Udhay Titus Oct 19 '16 at 04:58
No I meant where should I write the $(document).ready(function() ? – Anon_y_20_raj Oct 19 '16 at 05:04
in html header tag . you can do like this – Udhay Titus Oct 19 '16 at 05:08
Please tel me where I should write the function definition ? Should it be in the same cshtml file? – Anon_y_20_raj Oct 19 '16 at 05:31
you can add this function in html for eg:- URL Test
@data.buildingName

– Udhay Titus Oct 19 '16 at 05:37

Can we add an href attribute on div tag?

1 Answers1