jQuery 实现table表的th标签的显示和隐藏？

1、在电脑上面打开软件，新建一个html和引入jquery.js。

2、在新建的html页面body里面添加一个id为hide的隐藏按钮和id为show的显示按钮以及一段文字。

3、编写的js文件，首先引入jquery.js，通过$("#xx").click(function(){}代码给两个按钮添加点击事件，$("p").hide()隐藏段落文字，$("p").show()显示段落文字。

4、编写好js和body页面内容之后，完整代码如下图所示。

5、在浏览器中打开html页面，可以看到一段描述文字，和隐藏，显示按钮。

6、点击隐藏按钮，段落文字会被隐藏掉，再点击显示按钮，隐藏的段落文字会显示出来。

按照要求，在点击每一行的修改按钮，需要获取对应行的第一列input的value值，对应的js代码参考下方：

function change(){

   var text = $(this).parents('tr').children('td:eq(0)').children('input').val()

   console.log(text)

}

还有更加简便的方法：在forEach循环生成tr和td元素时，按照如下规则生成td元素：

<c:forEach items="${projectHot26005s}" var="zslb">

<tr id="sj1">

<td><input type="text" id="txt${zslb.projectId}" value="" maxlength="2"></td>

<td>${zslb.projectName }</td>

<td><button class="btn btn-red r3 margin" onclick="btnDelete('${zslb.projectId }')">删除</button></td>

<td><button class="btn btn-red r3 margin" onclick="change('${zslb.projectId}')">修改</button></td>

</tr>

</c:forEach>

这样在change方法中就能通过唯一的id来定位到指定的input，既而获取到value值：

function change(id){

   var text = $("#txt" + id).val()

   console.log(text)

}

---