如何用JS中的循环分别取得各个td中的数据？

JavaScript016

如何用JS中的循环分别取得各个td中的数据？,第1张

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"

}

首先这里有文档 

条件与循环

vue中都是用v-for来进行循环的

<template>

  <table border="1">

    <tr>

      <td v-for="item in items">{{item.name}}</td>

     </tr>

    </table>

</template>

<script>

    export default {

        data(){

            return {

                items:[

                {name:"小明"},

                {name:"小张"},

                {name:"小李"},

                ]

            }

       }

     }

</script>

<style>

</style>