Jquery獲取table中的行和列以及列中對象方法


 

下面是在網上找的一個方法,暫時收藏下。

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

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM