導航:首頁 > 編程語言 > js得到td標簽中的值

js得到td標簽中的值

 發布時間：2025-08-09 05:00:20

① js 獲取td 中的class

最快捷的方復式還是使用jquery，通制過$("td .blue")就可以拿到class為blue的所有td了，而要拿到所有td裡面的值，可以這樣：
var arr=$("td .blue");
var values=new Array();
for(var i=0;i<arr.length;i++){
var td=arr[i].innerHTML;
values[i]=td;
}
要看到這些值就可以遍歷values這個數組：
for(var i=0;i<values.length;i++){
alert(values[i]);
}

② html JS 獲取tr/td 表單元素下面的各個值

這是獲來得每個源tr 中td 的內容
<script>
$('#myTableProct tr').each(function(index,ele){
$(this).find('td').each(function(index,ele){
alert($(ele).html());
})
})
</script>
不用謝我

------君少

③ javascript中如何獲得TABLE中某一行指定列的值，並觸發一個事件，修改該行另外一列的值

<input type="text" name="COUNT" value="" itemdesc="數量" onchange=getTotalPrice(this)/>

注意到您的count為text,不太適合使用onchange來觸發，這會帶來問題。
比如：你的原數量為20，當你想修改為15時，你會：
1、刪除20 值變為「」，onchange觸發
2、輸入1 值變為 1， onchange觸發
3、輸入5 值變為 15， onchange觸發

這樣會觸發三次，不能滿足你觸發一次的要求。
應該用onblur來觸發。

分析你的業務，你需要計算當前行的，這樣可以使用DOM的API來實現
<table border=1>
<tr>
<td>
<input type="text" value="12" onblur="getTotalPrice(this)">
</td>
<td><input type="text" value="13" onblur="getTotalPrice(this)"></td>
<td>
<input type="text" value="25">
</td>
</tr>
<tr>
<td>
<input type="text" value="1" onblur="getTotalPrice(this)">
</td>
<td><input type="text" value="2" onblur="getTotalPrice(this)"></td>
<td>
<input type="text" value="3">
</td>
</tr>

</table>

<script type="text/javascript">
function getTotalPrice(obj){
var c1 = obj.parentNode.parentNode.childNodes[0].childNodes[0].value;
var c2 = obj.parentNode.parentNode.childNodes[1].childNodes[0].value;
obj.parentNode.parentNode.childNodes[2].childNodes[0].value = parseInt(c1) * parseInt(c2);
}
</script>

修改前面兩個欄，都會自動修改第三欄

相信合你意思，加分吧
//var items = document.getElementsByTagName("input");
<!-- 樓上牛人：1、指定下標？2、onkeydown -->

//樓主，這還繁？那加分吧，加分定製一個給你

④ 在js中怎樣獲取當前頁面表格中的數據

1、JS獲取表格的簡便方法：獲取tbody:tBodies 獲取thead:tHead 獲取tfoot:tFoot 獲取行tr:rows 獲取列td:cells

使用實例： oTable.tBodies[0] oTable.tHead[0] oTable.tFoot[0] oTable.rows[1] oTable.cells[1]

2、遍歷
var oTable=document.getElementById("表格id");
oTable.tBodies[0]可以看成是rows和cells組成的二維數組，用兩個for循環嵌套遍歷一下就可以了

⑤ js 通過td的id值 如何拿到tr的id值(動態獲取)

錯誤出在document.getElementById(dd)
因為頁面上id為2的出現了多個，而這樣獲取只會取到第一個，所以tr始終為相應的第1個.

按照你的寫法，用dd來保存tr的行數比較好，即i值。
然後通過document.all.table1.rows(i).id來獲取tr的id值。

⑥ html里js實現左邊td獲取右邊td高度,並自動賦值到左邊

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>height</title>
<style type="text/css">
td{ width:200px; border:1px solid #f00;}
</style>
<!--直接循環tr出來，然後選擇上右邊的的td，將高度給左邊的td就可以，但一般不需要操作，td會自動選擇高度大的，整個tr以高度大的為標准(深圳網站建設www.sz886.com）-->
<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {

$.each($("table tr"),function(index,item){

$(item).find("td:first").height($(item).find("td:last").height())

});
});
</script>
</head>
<body>
<table>
<tr>
<td>左邊</td>
<td>右<br>邊ddd</td>
</tr>
</table>
</body>
</html>

⑦ 用javascript如何從tr中分別獲得每個td的元素

js獲取表格中每行的td元素方法：

<script>

var tb = document.getElementById("tb"); //根據id找到這個表格

var rows = tb.rows; //取得這個table下的所有行
for(var i=0;i<rows.length;i++)//循環遍歷所有的tr行
{
for(var j=0;j<rows[i].cells.length;j++)//取得第幾行下面的td個數，再次循環遍歷該行下面的td元素
{
var cell = rows[i].cells[j];//獲取某行下面的某個td元素

alert("第"+(i+1)+"行第"+(j+1)+"格的數字是"+cell.innerHTML);//cell.innerHTML獲取元素里頭的值

}

}

</script>


拓展使用jq幾行命令就能實現獲取td的值


$("#tb tr td").each(function(i, v){//針對tb表格下的所有td進行遍歷
alert("第"+(i + 1)+"格的數字是"+$(this).text());//返回當前td下的值
})

⑧ 循環出來的tr怎麼去取同一行中<td>的值 用JS

是取所有td的值嗎？

閱讀全文

與js得到td標簽中的值相關的資料

熱點內容
微信數據恢復精靈怎麼找不到 瀏覽：583
mix解密工具 瀏覽：730
微信點餐圖片 瀏覽：74
安卓私密文件如何找到 瀏覽：439
項目工廠是什麼app 瀏覽：298
如何刪除軟鏈接文件 瀏覽：831
微信發word文件過期 瀏覽：125
oppo如何停用健康app 瀏覽：553
javaweb項目業務邏輯 瀏覽：399
如何手動掃描文件 瀏覽：894
win10文件夾的反向選擇 瀏覽：563
網頁表單錄入資料庫 瀏覽：729
f2812ad采樣程序 瀏覽：690
萊卡ts02怎麼數據傳輸 瀏覽：745
6s軟體更新要什麼密碼 瀏覽：815
javaswing復制 瀏覽：63
微信一次最多接收多少文件 瀏覽：748
本地qq密碼找回工具 瀏覽：993
常見壓縮文件類型 瀏覽：55
加薪app有哪些 瀏覽：192

友情鏈接