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

JavaScript012

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

})

1、首先根据图示全部代码新建html文件。

2、然后根据图示全部代码创建三行两列的表格。

3、然后根据图示全部代码创建按钮。

4、然后根据图示全部代码创建js函数。

5、然后根据图示全部代码获取表格第一行。

6、然后根据图示全部代码更改第一行第一个单元格的内容。

7、然后根据图示全部代码给按钮添加js函数事件。

8、预览效果如图显示出了table。

9、点击按钮,第一行第一个单元格的内容更改,即代表成功实使用JS实现table里面td内容的更改。