jquery如何获取TD中内容

Question

<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季前赛 凯尔特人 - 尼克斯

Answer 1

本帖最后由 net_lover 于 2012-10-14 20:06:50 编辑

  

Answer 2

给楼主整了下，希望对楼主有所帮助。            $(function(){
                //获取所有的行对象
                var v = $('#tableId tr').size();
                //获取第一行的对象
                var trOne = $('#tableId tr:eq(0)');
                //获取第一行第一列的对象
                var tdOne = $('#tableId tr:eq(0) td:eq(0)');
                //获取第一列的值
                var text = $(tdOne).text();
                alert(text);
                $(tdOne).text("10-13");
                //其他的依次类推如：$('#tableId tr:eq(0) td:eq(1)');获取第一列第二行的值
                //获取第四行的对象
                var trFour = $('#tableId tr:eq(3)');
                //获取第四行第一列的对象
                var tdFour = $('#tableId tr:eq(3) td:eq(0)');
                //获取第一列的值
                var textFour = $(tdOne).text();
                alert(textFour);
                $(tdFour).text("10-14");
            })

Answer 3

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

Answer 4

1:为了测试方便，我给你的table加了个id="table1"
2:为了简化取日期时的操作，给所有的类似于标头的tr加了个虚拟样式:header
<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>

Answer 5

表头的tr有个bgcolor属性的话，那虚拟样式:header就不用加了
if($(this).hasClass('header')){
改为
if($(this).attr('bgcolor')){

Answer 6

二楼我给你回的记得给table加个ID属性哈，如下：<table border="1" cellspacing="0" cellpadding="0" width="683" align="center" id="tableId">

Answer 7

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

Answer 8

Jquery获得鼠标在Table上的行号列号，以及值
http://download.csdn.net/detail/snjcaorui/3439266