js 如何获取<td>标签的值

JavaScript023

js 如何获取<td>标签的值,第1张

$("td")是获取的所有td标签

通过循环遍历 也可以通过下标获取 $("td").eq(0).text()这是获取下标为0的值也就是第一个td

$("td").each(function(){

var val = $(this).text()//获取td标签里面的内容 如果获取不到改成 .html()

})

如果只想获取某一个td的值那就在那个td上加个id

var val = $("#id").text()

如果想获取一部分td的值 那就在这些td上 写上一样的name值

$("td[name='name']").each(function(){

var val = $(this).text()//获取td标签里面的内容 如果获取不到改成 .html()

})

第一个人的回答是不对的,td要用innerTEXT的,但是firefox不支持这个属性!

所以就要像第二个回答这样,在td中加一个div,然后用innerHTML。

然后你可以遍历数组

for(var i=0,i<data.lengthi++){

document.getElementById('aa').innerHTML=document.getElementById('aa').innerHTML+data[i]

}

或者

varinner=""

for(var i=0,i<data.lengthi++){

inner+=data[i]

}

document.getElementById('aa').innerHTML=inner

不过数组的

第三个人也是错误的,要给input赋值的话,要用value

var value=document.getElementById("name")

value.value=data[0]

另外 变量名称不要用name啊value啊等这样的敏感的单词!

如果使用Jquery,可以使用$("#aa").text(inner)这样的办法!

HTML代码:

<table>

<tr>

<td>1</td>

<td>2</td>

<td>3</td>

</tr>

</table>

获取td的值,用innerHTML来获取,方法如下

var td_name=document.getElementsByTagName("td")

for(var i=0i<td_name.lengthi++){

td_name[i].onclick=function(){

console.log(this.innerHTML)

}

}

结果就是点击第一个td,显示1