regex to replace a string from the inner html of a div

Question

i have a div that contains some html and text (html is added dynamically)the structure would be like

    <div id="contentContainer">
&nbsp; <span>ProductA</span> ; <span>ProductB</span>; prod
</div>

i want to remove the last incomplete text (prod) from the inner html of the div contentContainer on submit button click

for this i was using regex returnText.replace(/\w+$/, ''); and it works fine as i can not trim the text to last index of ';'

but not the issue is when user puts some special charaters in the incomplete text as pr\od the regex fails

so is there any solution to trim the last appended text the inner html of the div or can i trim the text to the last html tag and place ; after that

please suggest any solution

Jakub Oboza · Accepted Answer · 2012-04-15 12:22:02Z

2

if you are using jquery you can pull out all span elements and replace innerHTML with them.

$("#contentContainer").html( $("#contentContainer span") );

That should clean rest things. Maybe not the best but i think its better then regexp on content.

answered Apr 15, 2012 at 12:22

Jakub Oboza

5,4211 gold badge21 silver badges10 bronze badges

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

Comments

charlietfl · Accepted Answer · 2012-04-15 12:39:38Z

1

Solution looks at the last DOM node in DIV, if it is a text node it changes text to semi-colon

var lastNode = $('#contentContainer').contents().last()[0]

if (lastNode.nodeType == 3) {
    lastNode.textContent=';'
}

demo: http://jsfiddle.net/EhcLh/

answered Apr 15, 2012 at 12:39

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Collectives™ on Stack Overflow

regex to replace a string from the inner html of a div

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related