Adding html to the DOM using jQuery

Question

I need to attach string html to the DOM using jQuery:

I have this HTML string:

 var html = "<div id="inspectorMenu" style="display: none;">"+
            "<label id="showInspectorName"  style="padding: 13px 09px; color:white"></label>"+
            "<ul id="" class="nav pull-left">"+
            "<li style="display: inline-block;text-align: center; max-height:35px;"><a class="navbar-brand" ui-sref="sites.list" style="padding: 11px 09px;" title="אתרים"><i class="glyphicon glyphicon-tree-conifer"></i></a></li>"+
            "<li style="display: inline-block;text-align: center;max-height:35px;"><a class="navbar-brand" ui-sref="sitesDamages.sitesList" style="padding: 11px 09px;" title="אירועים"><i class="glyphicon glyphicon-exclamation-sign"></i></a></li>"+
            "</ul>"+
            "</div>"

And I have this html code:

    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        @Html.ActionLink("sites maintaice", "Index", "Dashboard", new { area = "" }, new { @class = "navbar-brand" })

  //===========I need to add html string here!!!==============//

    </div>

Using jQuery I need to add html string between </div> tag and @Html.ActionLink .

Any idea how can I implement it?

Give your navbar-header an ID, then do document.getElementById(id).innerHTML += yourHTML; ? — nvkrj
– nvkrj, Commented Nov 5, 2016 at 19:24

adeneo · Accepted Answer · 2016-11-05 19:32:34Z

2

To insert the HTML after the markup generated by @Html.ActionLink, at the end of the DIV, you can append

$(".navbar-header").append(html);

edited Nov 5, 2016 at 19:32

answered Nov 5, 2016 at 19:27

adeneo

319k29 gold badges410 silver badges392 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Michael Over a year ago

Thank you for the answer. What if I need to remove at some point the added html?

Krzysiek Szymczak Over a year ago

@Michael you should add Id to that element (to that html) and then i.e. $('#thatGivenId').remove() or $('#thatGivenId').hide()

Collectives™ on Stack Overflow

Adding html to the DOM using jQuery

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related