Jquery/Javascript: Replace html content with html tag

Question

i am a jquery learner ,

My table

<table id="table">
<tr >
    <th>column 1</th>
    <th>Address</th>
    <th>column 3</th>
</tr>
<tbody>
    <tr>
        <td>test data</td>
        <td class="address">My compnay, \n New Hil \n
            six singama \n India
        </td>
        <td>some data</td>
    </tr>
     <tr>
        <td>test data</td>
         <td class="address">New Branch, \n New Hil \n
            six singama \n India
        </td>
        <td>some data</td>
    </tr>
     <tr>
        <td>test data</td>
         <td class="address">Some company, \n New arcade \n
            six singama \n India
        </td>
        <td>some data</td>
    </tr>
   </tbody>

Second column of each row has a address which contain \n character in it, i want to replace \n with <br> tag on loading the page (when document is ready)

Jsfiddle here

 $( document ).ready(function() {
   var columns = $('tr').find('td:eq(2  )')
  });

Why can't you just get rid of the \n in the source?

j08691
– j08691

2013-11-22 17:40:02 +00:00
Commented Nov 22, 2013 at 17:40 — j08691
– j08691, Commented Nov 22, 2013 at 17:40
i am getting data in that format from remote server

monda
– monda

2013-11-22 17:46:13 +00:00
Commented Nov 22, 2013 at 17:46 — monda
– monda, Commented Nov 22, 2013 at 17:46
Check this link : stackoverflow.com/questions/7467840/…

Anil Saini
– Anil Saini

2013-11-22 17:53:52 +00:00
Commented Nov 22, 2013 at 17:53 — Anil Saini
– Anil Saini, Commented Nov 22, 2013 at 17:53

codingrose · Accepted Answer · 2013-11-22 17:44:15Z

3

Try:

$(document).ready(function() {
    $("tr:gt(0)").each(function(){
        var t = $(this).find("td:eq(1)");
        var tx = $(t).text();
        tx = tx.replace(/\\n/g,'<br/>');
        $(t).html(tx);
    });
});

Fiddle here.

You can also try like this:

$(document).ready(function() {
    $("td:contains(\n)").each(function(){        
        var t = $(this).text();        
        t = t.replace(/\\n/g,'<br/>');
        $(this).html(t);
    });
});

Fiddle here.

edited Nov 22, 2013 at 17:44

answered Nov 22, 2013 at 17:36

codingrose

15.7k11 gold badges41 silver badges58 bronze badges

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

1 Comment

monda Over a year ago

Everyobody else removed their answer :)

Collectives™ on Stack Overflow

Jquery/Javascript: Replace html content with html tag

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related