jquery 截取字符串的實現(xiàn)

2024-05-06 14:15:16

字體：大中小

供稿：網(wǎng)友

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

下面是對一些數(shù)字進(jìn)行格式化
我們想改變這么一段代碼中間td之間的文本
<table>
<tr id='generated_rows'>
<td class='row_class' id='row_id_1'>1</td>
<td class='row_class' id='row_id_2'>2</td>
<td class='row_class' id='row_id_3'>3</td>
<td class='row_class' id='row_id_4'>4</td>
<td class='row_class' id='row_id_5'>5</td>
</tr>
</table>

實現(xiàn)顯示為：

<table>
<tr id='generated_rows'>
<td class='row_class' id='row_id_1'>1.00</td>
<td class='row_class' id='row_id_2'>2.00</td>
<td class='row_class' id='row_id_3'>3.00</td>
<td class='row_class' id='row_id_4'>4.00</td>
<td class='row_class' id='row_id_5'>5.00</td>
</tr>
</table>
實現(xiàn)的函數(shù)為：
$('#generated_rows td.row_class').each(function() {
var x = Number($(this).text()).toFixed(2);
$(this).text(x);
});
演示代碼

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'> <html xmlns='http://www.w3.org/1999/xhtml'> <head> <meta http-equiv='Content-Type' content='text/html; charset=gb2312' /> <title>需要F5刷新一下</title>  <style> *{ margin:0; padding:0;font-family:'宋體',Arial, Helvetica, sans-serif;} #best{ width:300px; height:200px; border:1px solid #ccc; margin:60px auto 0; line-height:1.6; font-size:14px; padding:10px 0 0 10px} .blank{ font-size:18px; font-weight:bold; text-align:center; padding:20px} </style> </head> <body> 需要F5刷新一下 <table> <tr id='generated_rows'> <td class='row_class' id='row_id_1'>1</td> <td class='row_class' id='row_id_2'>2</td> <td class='row_class' id='row_id_3'>3</td> <td class='row_class' id='row_id_4'>4</td> <td class='row_class' id='row_id_5'>5</td> </tr> </table>              </SPAN>
</div>
</div>
<div   id="iwvjtn8m0"   class=page1>
<p align="center" class="pageLink"></p>
</div>

<div   id="iwvjtn8m0"   class="fenxiang">

<div style="text-align:left">上一篇：<a href='/wen/2024/05-06/1044887.html'>Firefox outerHTML實現(xiàn)代碼</a></div>
<br>
<div style="text-align:left">下一篇：<a href='/wen/2024/05-06/1044889.html'>js 日期加紅代碼 適用于各種cms 原創(chuàng)</a></div>
<br>
<script src=/d/js/acmsd/gao21.js></script>

</div>

<div   id="iwvjtn8m0"   class="pinglun">

<script>
		  function CheckPl(obj)
		  {
		  if(obj.saytext.value=="")
		  {
		  alert("您沒什么話要說嗎？");
		  obj.saytext.focus();
		  return false;
		  }
		  return true;
		  }
		  </script><form action="/e/pl/doaction.php" method="post" name="saypl" id="saypl" onsubmit="return CheckPl(document.saypl)">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="plpost">

學(xué)習(xí)交流