如何用JS中的循环分别取得各个td中的数据

如何用JS中的循环分别取得各个td中的数据,第1张

jquery 版的

$(document)ready(function(){

var st1r="";

$("td")each(function(){ st1r+=$(this)html()+",";alert( st1r)})

});

这个是通过判断里面是否有td ,如果有td,都提取里面的值。

你这段js放在哪的?如果在head里,dom都没有加载完,他就执行了,当然找不到相应的元素了。。。所以要写在加载事件之后。。。

windowonload = function() {

    var kkk = documentgetElementById('kkk'),

        qwe = documentgetElementById('qwe');

    if (kkkinnerText == "qqq") {

        kkkstyledisplay = "none";

    }

    if (qweinnerText == "qqq") {

        qwestyledisplay = "none";

    }

}

另外,一般会有个触发机制,上边这样写是能实现的,但是真正用的时候肯定不这么写

js可以用td 对应的id获取该对象

例:<td id="td1"></td>

js:var td=documentgetElementById("td1");

可以用该对象赋予该td的style等属性

如果是要获得<td>苹果</td>里的"苹果"的话用下面的方法

我们把该值放到隐藏域里然后从js取得该值

<td>苹果<input type="hidden" name="pm1" id="pm1" value="苹果"></td>

js:var pm=documentgetElementById("pm1")value;

为td标签增加id属性,如下:

<td id="thistd"></td>

利用document对象可以得到对应id控件的内容。js代码如下:

documentgetElementById("thistd")innerHTML

建议:增加控件的时候,尽量配置id属性。用于js脚本或css样式 *** 作。

这个用jquery很容易的 $("tr")find("td")eq(7)就是获得当前行的第八列

原生态js写法是 windoweventsrcElementparentElementparentElementchildNodes获得所有的td 循环一下就行了

这是获得每个tr 中td 的内容

<script>

$('#myTableProduct tr')each(function(index,ele){

$(this)find('td')each(function(index,ele){

alert($(ele)html());

})

})

</script>

不用谢我

------君少

以上就是关于如何用JS中的循环分别取得各个td中的数据全部的内容,包括:如何用JS中的循环分别取得各个td中的数据、JS获取DIV或TD的内容进行判断并隐藏、js怎么获取table标签下的thead标签下的<td>的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9648275.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存