js/jquery循環提取table單元格值


<table id="tbitem">
    <tr><td>測試數據1</td></tr>
    <tr><td>測試數據2</td></tr>
    <tr><td>測試數據3</td></tr>
    <tr><td>測試數據4</td></tr>
    <tr><td>測試數據5</td></tr>
    <tr><td>測試數據6</td></tr>
</table>
<script type="text/javascript">
    var table = document.getElementById("tbitem"); 
    var td = table.getElementsByTagName("td");
    var len = td.length;
    for(i=0;i<len;i++){
        alert(td[i].innerHTML);
    } 
</script>    

jquery 版的
$(document).ready(function(){
var st1r=""; 
$("td").each(function(){ st1r+=$(this).html()+",";alert( st1r)}) 
});
這個是通過判斷里面是否有td ,如果有td,都提取里面的值

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>untitle</title>
<script>
    window.onload=function(){
        var b=document.getElementsByTagName('td').length;
        for(var i=1;i<=b;i++){
            var a=document.getElementById('a'+i);
            alert(a.innerHTML);
        }
    }
</script>
</head>
<body>
    <table>
        <tr>
            <td id="a1">aa</td>
            <td id="a2">bb</td>
            <td id="a3">cc</td>
        </tr>
    </table>
</body>
</html> 

 


免責聲明!

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



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