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

JavaScript0161

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

})

jquery 版的

$(document).ready(function(){

var st1r=""

$("td").each(function(){ st1r+=$(this).html()+","alert( st1r)})

})

这个是通过判断里面是否有td ，如果有td，都提取里面的值。

建议使用jquery插件。方法很简单。

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

    $("div").toggle()

})

用原生的需要多写几行了

var td=document.querySelector("td")

var div=document.querySelector("div")

td.addEventListener("click",toggle,false)

function toggle(){

   var isShow=div.style.display

   div.style.display=isShow=="none"?"":"none"

}