JQuery 逐行查找并修改赋值问题

又是填空题，我想把同一个td 里面的text的内容，赋值给label。<!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>
    <title>无标题页</title>
    <script src="jScript/jquery-1.2.6.js" type="text/javascript"></script>
    <script type="text/javascript">
        function setVal()  // 目的：循环获得 <input type="text" /> 的 value 赋给同一个td的 <label/>
        {
            for(i=0; i< $("#dataTable").find("tr").length; i++) 
            {
                //i 是行索引，循环走过各个行，但不会写如何赋值了，各位帮帮忙。
                alert( i );
            }
        }    
    </script>     
</head>
<body>
 <table id="dataTable" border="1" style="width: 400px;" >
    <tr>
        <td>
            <label id="a">1</label>    <input id="1" type="text" value="1" />
        </td>
    </tr>
    <tr>
        <td>
            <label id="b">2</label>   <input id="2" type="text" value="2" />
        </td>
    </tr>
    <tr>
        <td>
            <label id="c">3</label>  <input id="3" type="text" value="3" />
        </td>
    </tr>
    <tr>
        <td>
            <label id="d">4</label>  <input id="4" type="text" value="4" />
        </td>
    </tr>
    <tr>
        <td>
            <label id="e">5</label>  <input id="5" type="text" value="5" />
        </td>
    </tr>
</table>
    <input id="Button1" type="button" value="赋值" onclick="setVal()" />
</body>
</html>    不知道怎么用jquery来根据行索引获取相对应的对象，网上不好查，谁懂的帮个忙，谢了。

解决方案 »

  1.   

    function setVal(){
      $('#dataTable label').each(function(){
        $(this).html($('+ input:text', this).val());
      });
    }
      

  2.   

    <!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>
        <title>无标题页</title>
        <script src="jScript/jquery-1.2.6.js" type="text/javascript"></script>
        <script type="text/javascript">
    function setVal(){
    $("#dataTable tr td").each(function(){
    $(this).children("label").eq(0).html($(this).children("input").eq(0).val());
    });
    }
        </script>     
    </head>
    <body>
     <table id="dataTable" border="1" style="width: 400px;" >
        <tr>
            <td>
                <label id="a">1</label>    <input id="1" type="text" value="1" />
            </td>
        </tr>
        <tr>
            <td>
                <label id="b">2</label>   <input id="2" type="text" value="2" />
            </td>
        </tr>
        <tr>
            <td>
                <label id="c">3</label>  <input id="3" type="text" value="3" />
            </td>
        </tr>
        <tr>
            <td>
                <label id="d">4</label>  <input id="4" type="text" value="4" />
            </td>
        </tr>
        <tr>
            <td>
                <label id="e">5</label>  <input id="5" type="text" value="5" />
            </td>
        </tr>
    </table>
        <input id="Button1" type="button" value="赋值" onclick="setVal()" />
    </body>
    </html>
      

  3.   

     这区人少，但都是高手啊   多问一下，反过来把Label的值赋给text怎么做呢？ 我改你们的代码怎么不好使啊？
      

  4.   

    <!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>
        <title>无标题页</title>
    <script src="jScript/jquery-1.2.6.js" type="text/javascript"></script>
        <script type="text/javascript">
    function setVal(){
    $("#dataTable tr td").each(function(){
    $(this).children("input").eq(0).val($(this).children("label").eq(0).html());
    });
    }
        </script>     
    </head>
    <body>
     <table id="dataTable" border="1" style="width: 400px;" >
        <tr>
            <td>
                <label id="a">1</label>    <input id="1" type="text" value="1" />
            </td>
        </tr>
        <tr>
            <td>
                <label id="b">2</label>   <input id="2" type="text" value="2" />
            </td>
        </tr>
        <tr>
            <td>
                <label id="c">3</label>  <input id="3" type="text" value="3" />
            </td>
        </tr>
        <tr>
            <td>
                <label id="d">4</label>  <input id="4" type="text" value="4" />
            </td>
        </tr>
        <tr>
            <td>
                <label id="e">5</label>  <input id="5" type="text" value="5" />
            </td>
        </tr>
    </table>
        <input id="Button1" type="button" value="赋值" onclick="setVal()" />
    </body>
    </html>
      

  5.   

    $('#dataTable label').each(function(){
      $('+ input:text', this).val($(this).html());
    });