Jquery获取table中的行和列以及列中对象方法

 $('#MyTable tr').eq(2) ;

或者$('#MyTable tr:eq(2)');

tr上移下移

$('#MyTable tr:eq(2)').insertBefore('#MyTable tr:eq(1)');

把第三个tr移到第二tr前面

 

<script type="text/javascript" src="jq.js"></script>

<script type="text/javascript">

<!--

$(function(){

    $('.get1 tr').each(function(){

alert($(this).find('td').eq(0).text());

alert($(this).find('td').eq(1).find('input').val());

alert($(this).find('td').eq(2).find('select').val());

});

});

//-->

</script>

<div id="apDiv1"></div>

<table width="100%" class="get1">

  <tr>

  <td >1</td>

  <td ><input type='text' value='v1'/></td>

  <td ><select><option value='s1'>s1</option><option value='s2'>s2</option></select></td>

  </tr>

  <tr>

  <td >2</td>

  <td ><input type='text' value='v2' /></td>

  <td ><select ><option value='ss1'>ss1</option><option value='ss2'>ss2</option></select></td>

  </tr>

</table>  

</body>

</html>

我的项目中用的一段也贴上，我要给第二列的内容重新赋值。

Jquery代码：

 

var html = "当前人员:<span id=\"title_name\" style=\"font-size:12px\">" + name + "</span>&nbsp&nbsp&nbsp<a id=\"title_href\" href=\"#\"   style=\"font-size:12px; cursor:pointer;position:relative\">浏览其他</a>";

$("#title").find("td").eq(2).html(html);

 

HTML代码：

<div id="title" style="background-color: #47A6FA">

                <table width="100%">

                    <tr>

                        <td style="width: 40%">

                        </td>

                        <td style="width: 20%">

                            <span style="font-size: 30px; color: White;">统计分析</span>

                        </td>                        

                        <td style="width: 25%; text-align: right; margin-right: 5px;" id="tdddl">

                            当前人员:<span id="title_name" style="font-size: 12px">王小娣</span>&nbsp&nbsp&nbsp<a id="title_href"

                                href="2" style="font-size: 12px; cursor: pointer; position: relative">浏览其他</a>

                        </td>

                        <td width="25%" align="right" >

                            <asp:DropDownList runat="server" ID="ddlDepart" onselectedindexchanged="ddlDepart_SelectedIndexChanged" AutoPostBack="true">

                            </asp:DropDownList>

                        </td>

                    </tr>

                </table>

            </div>

孜孜不倦,学习不止