Question

I have following code in my html

<p>6565655655|cell</p>

I want to remove this vertical line and wrap word “cell” into round bracket. So I want output like below

<p>6565655655 (cell)</p>

How I can do it using jquery when content of p tag loading dynamically by ajax call.

Answer 1

Split the content of the p-tag with the pipe as delimiter and re-insert the so created array, second element with surrounding bracket.

Here an example:

var splittedString = $("p").text().split("|");
$("p").html(splittedString[0] + " (" + splittedString[1] + ")");

jsFiddle: http://jsfiddle.net/r3c4J/