<html>
<head>
<title>jQuery操作表格</title>
<meta charset="UTF-8"/>
<!--声明css代码域-->
<style type="text/css">
tr{
height: 40px;
}
</style>
<!--
jquery操作表格知识点总结:
1、元素对象名.parent()//返回直接上级对象
2、元素对象名.prev()//返回上一个紧跟的同胞元素对象
3、this代表当前HTML元素对象---$(this)
4、元素对象名.parents("元素名")//获取指定的祖先元素对象
5、元素对象名.prop("属性名")//返回当前元素指定属性的值
6、元素对象名.prop("属性名","新的值")//返回当前元素指定属性的值
7、元素对象名.each(fn)//遍历元素对象,并给没个元素对象执行一次指定的函数。
-->
<!--引入jQuery文件-->
<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function(){
//修改数量
$("input[value='修改数量']").click(function(){
//获取数量所在的单元格对象
var td=$(this).parent().prev();
jquery操作表格
最新推荐文章于 2023-10-13 11:16:05 发布