1

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  )')
  });
monda
  • 3,809
  • 15
  • 60
  • 84

1 Answers1

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.

codingrose
  • 15,563
  • 11
  • 39
  • 58