首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

jquery怎么获取TD中内容

2012-11-09 
jquery如何获取TD中内容table border1 cellspacing0 cellpadding0 width683 aligncenter

jquery如何获取TD中内容
<table border="1" cellspacing="0" cellpadding="0" width="683" align="center">
<tr height=22 bgcolor="#BC2D09" align="center"> 
  <td width="15%"><font color=#ffffff><b>10月13日</b></font></td>
  <td width="7%"><font color=#ffffff><b>六</b></font></td>
  <td width="78%"><font color=#ffffff><b>对阵双方</b></font></td>
</tr>
<tr height=22 align="center">  
  <td class="f1">F1</td>
  <td>13:00</td> <td align="left">
F1韩国站 排位赛
<a target="_blank" href="/tv/cctv5">CCTV-5</a>
<a target="_blank" href="/tv/300222">pp体育</a>
</td>
  </tr>
<tr height=22 align="center">  
  <td class="aolian">澳超</td>
  <td>14:30</td> <td align="left">
悉尼FC - 纽卡斯尔喷射机
<a target="_blank" href="/tv/cfty">CH61</a>
<a target="_blank" href="/tv/300219">pp体育</a>
</td>
  </tr>
<tr height=22 bgcolor="#BC2D09" align="center"> 
  <td width="15%"><font color=#ffffff><b>10月14日</b></font></td>
  <td width="7%"><font color=#ffffff><b>日</b></font></td>
  <td width="78%"><font color=#ffffff><b>对阵双方</b></font></td>
</tr>
<tr height=22 align="center">  
  <td class="nba">NBA季前赛</td>
  <td>07:00</td> <td align="left">
76人 - 篮网
<a target="_blank" href="/tv/nba">NBA直播</a>
</td>
  </tr>
<tr height=22 align="center">  
  <td class="nba">NBA季前赛</td>
  <td>07:30</td> <td align="left">
凯尔特人 - 尼克斯
<a target="_blank" href="/tv/nba">NBA直播</a>
</td>
  </tr>
</table>


我想把每个比赛链接后面加个QQ提醒链接
http://qzs.qq.com/snsapp/app/bee/widget/open.htm?content='+encodeURIComponent(title)+'&time='+encodeURIComponent(date+" "+time)+'&advance=5


以周六 周日的第一行为例

怎么获取data=10月13日替换成10-13 time=13:00 title=F1 F1韩国站 排位赛
怎么获取data=10月14日替换成10-14 time=07:00 title=NBA季前赛 凯尔特人 - 尼克斯

[解决办法]

HTML code
<script type="text/javascript" src="http://www.coding123.net/js/jquery.js"></script><script type="text/javascript">$(function(){  var date,time,title,tds  $('tr').each(function(){   if(this.bgColor)date=$(this.cells[0]).text().replace('月','-').replace('日','')   else{     tds=$(this).find('td');     time=tds.eq(1).text();     title=tds.eq(0).text()+' '+tds[2].firstChild.data;     //     tds.eq(2).find('a').after(' <a href="http://qzs.qq.com/snsapp/app/bee/widget/open.htm?content='+encodeURIComponent(title)+'&time='+encodeURIComponent(date+" "+time)+'&advance=5">QQ提醒</a>');   }  });});</script><table border="1" cellspacing="0" cellpadding="0" width="683" align="center"><tr height=22 bgcolor="#BC2D09" align="center">   <td width="15%"><font color=#ffffff><b>10月13日</b></font></td>  <td width="7%"><font color=#ffffff><b>六</b></font></td>  <td width="78%"><font color=#ffffff><b>对阵双方</b></font></td></tr><tr height=22 align="center">    <td class="f1">F1</td>  <td>13:00</td> <td align="left">F1韩国站 排位赛<a target="_blank" href="/tv/cctv5">CCTV-5</a><a target="_blank" href="/tv/300222">pp体育</a></td>  </tr><tr height=22 align="center">    <td class="aolian">澳超</td>  <td>14:30</td> <td align="left">悉尼FC - 纽卡斯尔喷射机<a target="_blank" href="/tv/cfty">CH61</a><a target="_blank" href="/tv/300219">pp体育</a></td>  </tr><tr height=22 bgcolor="#BC2D09" align="center">   <td width="15%"><font color=#ffffff><b>10月14日</b></font></td>  <td width="7%"><font color=#ffffff><b>日</b></font></td>  <td width="78%"><font color=#ffffff><b>对阵双方</b></font></td></tr><tr height=22 align="center">    <td class="nba">NBA季前赛</td>  <td>07:00</td> <td align="left">76人 - 篮网<a target="_blank" href="/tv/nba">NBA直播</a></td>  </tr><tr height=22 align="center">    <td class="nba">NBA季前赛</td>  <td>07:30</td> <td align="left">凯尔特人 - 尼克斯<a target="_blank" href="/tv/nba">NBA直播</a></td>  </tr></table> 


[解决办法]
1:为了测试方便,我给你的table加了个id="table1"
2:为了简化取日期时的操作,给所有的类似于标头的tr加了个虚拟样式:header

HTML code
<script type="text/javascript">$(function(){    var date='';    $('#table1 tr').each(function(){        if($(this).hasClass('header')){            date=$(this).find('td').eq(0).text().replace('月','-').replace('日','');        }else{            var title=$(this).find('td:eq(0)').text()+' '+$(this).find("td:eq(2)").text().replace($(this).find("td:eq(2)").children().text(),'');            var time=date+' '+$(this).find('td:eq(1)').text();            var url='http://qzs.qq.com/snsapp/app/bee/widget/open.htm?content='+encodeURIComponent(title)+'&time='+encodeURIComponent(time)+'&advance=5';            $(this).find('td').eq(2).append($('<a>').attr("href",url).text('QQ提醒'))        }    })})</script><table border="1" cellspacing="0" cellpadding="0" width="683" align="center" id="table1"><tr height=22 bgcolor="#BC2D09" align="center" class="header">    <td width="15%"><font color=#ffffff><b>10月13日</b></font></td>  <td width="7%"><font color=#ffffff><b>六</b></font></td>  <td width="78%"><font color=#ffffff><b>对阵双方</b></font></td></tr><tr height=22 align="center">     <td class="f1">F1</td>  <td>13:00</td>   <td align="left">F1韩国站 排位赛<a target="_blank" href="/tv/cctv5">CCTV-5</a><a target="_blank" href="/tv/300222">pp体育</a></td>  </tr><tr height=22 align="center">     <td class="aolian">澳超</td>  <td>14:30</td>   <td align="left">悉尼FC - 纽卡斯尔喷射机<a target="_blank" href="/tv/cfty">CH61</a><a target="_blank" href="/tv/300219">pp体育</a></td>  </tr><tr height=22 bgcolor="#BC2D09" align="center" class="header">    <td width="15%"><font color=#ffffff><b>10月14日</b></font></td>  <td width="7%"><font color=#ffffff><b>日</b></font></td>  <td width="78%"><font color=#ffffff><b>对阵双方</b></font></td></tr><tr height=22 align="center">     <td class="nba">NBA季前赛</td>  <td>07:00</td>   <td align="left">76人 - 篮网<a target="_blank" href="/tv/nba">NBA直播</a></td>  </tr><tr height=22 align="center">     <td class="nba">NBA季前赛</td>  <td>07:30</td>   <td align="left">凯尔特人 - 尼克斯<a target="_blank" href="/tv/nba">NBA直播</a></td>  </tr></table> 

热点排行