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

})

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

$('td').click(function(e) {

// 取消上次延时未执行的方法

clearTimeout(TimeFn)

//执行延时

var self = this // 保存this

/*TimeFn = */setTimeout(function(e){

var alt=$(self).attr("alt")// 使用click中的this

var td_zhi=$(self).text()// 使用click中的this

if(td_zhi!='雷'){

$(this).css("background","#fff")

$(this).css("text-indent","0")

if(alt=="0"){

shengli_flag+=1