2013-11-22 48 views
1

我是一个jQuery的学习者,jQuery的/ JavaScript的:替代HTML内容的HTML标签

我的表

<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> 

每一行的第二列具有包含\ n字符一个地址它,我想代替\n<br>标签上加载页面(当文档准备好时)

Jsfiddle here

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

为什么你就不能摆脱' \ n在源代码中? – j08691

+0

我正在从远程服务器获取该格式的数据 – monda

+0

查看此链接: http://stackoverflow.com/questions/7467840/nl2br-equivalent-in-javascript –

回答

3

尝试:

$(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.

您也可以尝试这样的:

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

Fiddle here.

+0

每个人都删除了他们的答案:) – monda