jquery html/string manipulation

Question

Is it possible to use $(someSelector).html('some string'); and not replace the content of this selector but add the 'some string' at the beginning of the content?

Also after I add it is it possible to remove the 'some string' from the "someSelector" html?

simshaun · Accepted Answer · 2011-12-07 19:18:21Z

4

Q #1: jQuery.prepend() accepts an HTML string.

Q #2: Yes. One possible option is by using the native .replace() method.

answered Dec 7, 2011 at 19:18

simshaun

21.5k1 gold badge60 silver badges73 bronze badges

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

4 Comments

bobek Over a year ago

Any idea why I wouldn't have replace method?

simshaun Over a year ago

It's a native JS method (not jQuery). See here. It must be called on a string. I'm betting you are trying to do $(someSelector).replace()?

bobek Over a year ago

so something like this should work?

var html = $('.items-large').html();     html.toString().replace("<div class='width-specifier-large'><img src=" + url + " alt='@Model.ProductName'/> onerror='onImgErrorSmall(this)'</div> ", '');

and then

$('.items-large').html("<div class='width-specifier-large'><img src=" + url + " alt='@Model.ProductName'/> onerror='onImgErrorSmall(this)'</div> " + html);

simshaun Over a year ago

Please post a link to a pastebin of that. Comments are not good for large blocks of code.

Cesar · Accepted Answer · 2011-12-07 19:18:22Z

2

Use .prepend() -> http://api.jquery.com/prepend/

answered Dec 7, 2011 at 19:18

Cesar

3,5192 gold badges32 silver badges43 bronze badges

Comments

Interrobang · Accepted Answer · 2011-12-07 19:18:49Z

1

You could either get the current HTML of the element, prepend the string, and then change the HTML, or you could use .prepend().

$("#me").prepend("Some string.");

answered Dec 7, 2011 at 19:18

Interrobang

17.5k3 gold badges57 silver badges63 bronze badges

Comments

zed_0xff · Accepted Answer · 2011-12-07 19:18:54Z

1

to add:

$(someSelector).prepend('foo');

to remove:

$(someSelector).html($(someSelector).html().replace('foo',''));

answered Dec 7, 2011 at 19:18

zed_0xff

33.5k8 gold badges55 silver badges72 bronze badges

Comments

Andronicus · Accepted Answer · 2011-12-07 19:19:06Z

1

Perhaps prepend [ http://api.jquery.com/prepend/ ] with an element (span for example)

$(someSelector).prepend('<span id="somethingunique">some string</span>');

So you could remove later

$("#somethingunique").remove();

Will this work for you?

answered Dec 7, 2011 at 19:19

Andronicus

1,38911 silver badges13 bronze badges

1 Comment

bobek Over a year ago

I have to remove some html from a class. This will not work, but thanks

alexarno · Accepted Answer · 2011-12-07 19:20:37Z

1

Yes you can use .prepend('some string').

Which 'some string' do you want to then remove?

answered Dec 7, 2011 at 19:20

alexarno

4223 silver badges15 bronze badges

1 Comment

bobek Over a year ago

good point, I guess first I should remove it, and then I should prepend the html.

Sudhir Bastakoti · Accepted Answer · 2011-12-07 19:17:53Z

0

Do you mean something like this:

var content = $(someSelector).html(); 
var newContent = 'some string' + content;
$(someSelector).html(newContent);

answered Dec 7, 2011 at 19:17

Sudhir Bastakoti

100k15 gold badges163 silver badges169 bronze badges

Collectives™ on Stack Overflow

jquery html/string manipulation

7 Answers 7

4 Comments

Comments

Comments

Comments

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

4 Comments

Comments

Comments

Comments

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related