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

JavaScript019

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()

})

document.getElementById("logic_id").innerHTML// td里有html元素的时候

document.getElementById("logic_id").innerText//td里只有字符的时候

document.getElementById("logic_id").value()//这个td没有value这个参数你是获取不到的,除非你在<td value="xxx">这样你就能获取了,但是这种写法一般只用于input 输入框

一般只是普通字符不带html标签的你就使用innerText 就可以了。建议用innerText取纯数据

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