How to create the DOM element using jquery

Question

Possible Duplicate:
How do I add a DOM element with jQuery?

var re = new RegExp("\\b(" + l + ")\\b")
var sOpen = "<span class='highlight'>";
var sClose = "</span>";
var newhtml = sp.replace(re, sOpen + l + sClose, "gi");
alert(newhtml);
$('.highlight').css('color', 'yellow');

I am getting newHtml value as

I love to work with <span class='highlight'>jquery</span>

I am highlight the highlight class item. jquery but its not hightlighting the text. please can any body tell me is that something I am doing wrong here?

how to create a newhtml as DOm element?

thanks

http://stackoverflow.com/questions/395525/how-do-i-add-a-dom-element-with-jquery — Ajinkya, Oct 10 '11 at 16:10
You need to append to the DOM is some fashion. Using .after, .before, .append. — John Hartsock, Oct 10 '11 at 16:11
Is there some reason you're using jQuery to add CSS styles to the .highlight elements instead of just using a stylesheet? — Blazemonger, Oct 10 '11 at 16:12

score 2 · Accepted Answer · answered Oct 10 '11 at 16:12

2

Even better would be to wrap it with the built-in logic:

$('myelement').wrap('<span/>').parent().addClass('highlight');

answered Oct 10 '11 at 16:12

AlienWebguy

76,997
17
122
145

score 1 · Answer 2 · answered Oct 10 '11 at 16:10

1

You can create an object of it and add it to the DOM:

var newhtml = $(sp.replace(re, sOpen + l + sClose, "gi"));
$(body).append(newhtml);

answered Oct 10 '11 at 16:10

Bas Slagter

9,831
7
47
78

Thanks Baszz, so if I need to highlight the element jquery what do I need to do? thanks – user957178 Oct 10 '11 at 16:38
You can just refer to the element through the newhtml variable (newhtml.addClass()) for example. You can also add the id attribute to it and refer to the element that way ($('myid').addClass() for example) – Bas Slagter Oct 10 '11 at 17:14

How to create the DOM element using jquery

2 Answers2