CODEWITHSUNDEEP
jquery
user3052801
user3052801

Reputation: 53

How to do in jquery adding new element?

I have:

<li class="active"><a href="/">Start</a></li>

How to do in jquery adding new element:

<li class="active"><a href="/"><em><span>Start</span></em></a></li>

I need to add <em><span> </span></em>

Upvotes: 2

Views: 141

Answers (5)

Milind Anantwar
Milind Anantwar

Reputation: 82231

Try This:

$('li.active a').each(function () {
$(this).wrapInner('<em><span></span></em>');
});

Working Fiddle

Upvotes: 0

patel.milanb
patel.milanb

Reputation: 5982

jsfiddle: http://jsfiddle.net/66SRN/

$('li a').wrapInner('<em><span></span></em>');

Upvotes: 0

Mr.G
Mr.G

Reputation: 3559

Try This:

<li class="active"><a href="/" id="sample">Start</a></li>

    $("#sample").empty();
    $("#sample").append('<em><span>Start</span>');

now you got following:

<li class="active"><a href="/"><em><span>Start</span></em></a></li>

Upvotes: 0

AfromanJ
AfromanJ

Reputation: 3932

$('li.active a').each(function () {
    var text = $(this).text();
    $(this).html('<em><span>' + text + '</span></em>');
});

Upvotes: 0

MackieeE
MackieeE

Reputation: 11862

You can use .wrapInner() to un-obstructively insert new tags within an existing DOM element

$('.active a').wrapInner('<em><span></span></em>');

Fiddle: http://jsfiddle.net/az8PA/

Upvotes: 6

Related Questions