add html character with jQuery

Question

I have the following jQuery

$("h1").text($("h1").text().replace(/([^\s-]{5})(?=[^\s-])/g, '$1&shy;'));

 is supposed to be optional "-" + <br />, so I want it to be there in case someone enters a very long word as the title so that instead of being chopped off, it is split onto separate lines.

currently, it will change "ThisVeryLongWord" to "ThisVeryLongWord" on the page where it should change it to

ThisV-
eryLo-
ngWor-
d

(assuming that the word needs to be broken at each spot)

what am I doing wrong?

Possible duplicate of [JQuery: How to text insert HTML ascii character?](http://stackoverflow.com/questions/2726935/jquery-how-to-text-insert-html-ascii-character) — Gianfranco P., May 08 '17 at 15:51

score 1 · Accepted Answer · answered Jul 10 '12 at 14:47

1

Try using html() instead of text(), at least for setting the value.

answered Jul 10 '12 at 14:47

Julien Ch.

1,231
9
16

Engineer · Answer 2 · 2012-07-10T15:11:54.957

1

Are you looking for this?

$("h1").html($("h1").text().replace(/([^\s-]{5})(?=[^\s-])/g, '$1&shy;'));

Live demo

edited Jul 10 '12 at 15:11

answered Jul 10 '12 at 14:56

Engineer

47,849
12
88
91

maybe I wasn't clear enough, but will do -
only if it has to break the word. It will not always break it. see http://www.quirksmode.org/oddsandends/wbr.html – Alex Jul 10 '12 at 15:08
@Alex Ok, it is clear now. I haven't seen `` before, and was not aware of it. – Engineer Jul 10 '12 at 15:11

add html character with jQuery

2 Answers2