怎么获取某表格中的一列td的值 javascript jQuery什么都行, 只要能实现就行

怎么获取某表格中的一列td的值 javascript jQuery什么都行, 只要能实现就行,第1张

<BODY>

<table>

<tr><td>11</td><td

>12</td><td>13</td></tr>

<tr><td>21</td><td

>22</td><td>23</td></tr>

<tr><td>31</td><td

>32</td><td>33</td></tr>

</table>

</BODY>

<script>

//

tr:eq(0)

取第一行

td:eq(2)

取第三列

//$("tr:eq(0)

td:eq(2)")text()

得到:13

//$("tr:eq(1)

td:eq(1)")text()

得到:22

alert($("tr:eq(0)

td:eq(2)")text());

</script>

行和列你可以用变量代替!

请采纳,谢谢!

例子:

<div class='view view-case-view-all' >

<div class= 'view-content view-content-case-view-all' >

<table border="1" >

<tr class="odd" >

<td class="view-field view-field-node-title" >任务测试</td >

</tr >

</table >

</div >

</div >

<script language="javascript" type="text/javascript" >

documentgetElementsByClassName = function(_className)

{ //根据class获得对象集合

var aimObj = [];

var elements = documentgetElementsByTagName("") ;//取得所有元素的集合

alert(elementslength);

for(var i=0;i<elementslength;i++)

{

if(elements[i]className==null) continue;

if(elements[i]className == _className)

{

aimObjpush(elements[i]);

}

}

return aimObj;

}

var outerDiv = documentgetElementsByClassName("view view-case-view-all")[0];//取得class="view view-case-view-all"的第一个对象

alert(outerDivouterHTML);

</script>

<script type="text/javascript">

$(function(){

$("input")change(function(){

var curVal = $(this)val();

var prevVal = $(this)parent()prev("td")find("input")eq(0)val();

var nextVal = $(this)parent()next("td")find("input")eq(0)val();

alert("上一个文本框值:"+prevVal+"\n下一个文本框值:"+nextVal);

});

});

</script>

<tabel>是HTML的表格标签,class="td"指当前表格引用CSS样式中的一个对象td。

css样式的引用:

<style>

td{

/样式/

}

</style>

注意:如果使用的是class=“td",那么做css样式时就用td获取,如果是id="td",就用#td来设置css样式。

以上就是关于怎么获取某表格中的一列td的值 javascript jQuery什么都行, 只要能实现就行全部的内容,包括:怎么获取某表格中的一列td的值 javascript jQuery什么都行, 只要能实现就行、jQuery怎么获取到div下的table对象 table没有id也没有class、jquery 获取表格中当前单元格 td的索引值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9769580.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存