当前位置：首页 → 问答吧 → js与table内的标签设计问题?

js与table内的标签设计问题?

时间：2009-04-07

来源：互联网

复制代码

<table>
<tr>
<td><span class='myClass'><a href='javascript:myFn(id)'>反对</a>(80)</span> <span class='tt'><a href='javascript:myFn(id)'>支持</a>(120)</span></td>
</tr>
<tr>
<td><span class='myClass'>反对(180)</span> <span class='tt'>支持(130)</span></td>
</tr>
<tr>
<td><span class='myClass'>反对(280)</span> <span class='tt'>支持(170)</span></td>
</tr>
</table>

我使用的jquery,当我点击反对或支持时,后面的数字自动+1,jquery的ajax我会使用,我现在的疑惑就是

复制代码

function myFn(strID){
$.get('vote.asp',{id:strID},function(msg){
这段代码该如何写?我想让(比如:我点击第2行的支持,那么第2行的支持的人数应该是131),我该如何引用第2行的括弧内的数字?
});
}

作者: quweiie 发布时间: 2009-04-07

新手初学JQ 研究了一会不知道这个能不能帮你！代码写的不简洁请高手评价下......
<title>支持与反对</title>
<script language="javascript" src="jquery.js"></script>
<script language="javascript">
  $(document).ready(function(){

    $(".fd").each(function(i){
      $(this).click(function(){
        var m = $("#id"+i).html();
          $(this).click(function(){
          $.ajax({
          type:"GET",
          url:"tf.php",
          data:{id:i,data:m},
          success:function(data){
            $("#id"+i).html(data);
         }
       });
      });
     });
    });
  });
</script>
</head>

<body>
<table border="1">
  <tr>
    <td>人物1</td><td><span class='fd' style="cursor:pointer">反对(<a id="id0">1<a>)</span></td><td><span class='zc' style="cursor:pointer">支持(1)</span></td>
  </tr>
   <tr>
    <td>人物2</td><td><span class='fd' style="cursor:pointer">反对(<a id="id1">12</a>)</span></td><td><span class='zc' style="cursor:pointer">支持(180)</span></td>
  </tr>
   <tr>
    <td>人物3</td><td><span class='fd' style="cursor:pointer">反对(<a id="id2">150</a>)</span></td><td><span class='zc' style="cursor:pointer">支持(136)</span></td>
  </tr>
</table>
</body>

那边的页面就是一个简单的取整应该没什么大问题....

作者: wang4142 发布时间: 2009-04-07

js与table内的标签设计问题?

热门阅读

热门下载