1.把 javascript 对象转换为 jquery 对象
在进行多层级的 jquery 对象选择的时候,经常会出现把 javascript 对象当做 jquery 对象来处理的情况,导致程序无法执行,却也不报错。
dom 对象路径查找的方法:有时候一个对象会有很多父元素包围在外边,为了找到元素的位置关系,我们可以通过 火狐浏览器,放在元素上->右键按选择“查看元素”->然后把光标定位到 html 代码上->右键选择“复制唯一选择器” ;然后贴到文本文件中分析元素的位置层次。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
</head>
<body>
<table border="1px">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td><a href="javascript:void(0)" οnclick="handleValue(this)">发送审核</a></td>
<td><a href="javascript:void(0)" οnclick="handleValue1(this)">发送审核</a></td>
</tr>
</table>
<script type="text/javascript">
// 如果一直使用 jquery 的函数,那么得到的就是 jquery 包装后的对象
// 所以可以在后面继续使用 jquery 的函数对对象进行操作
// 值操作
function handleValue(obj) {
// 获取值
var val = $(obj).parent().parent().children().next().html()
alert(val);
// 设置值
// alert($(obj).parent().parent().children().next().html("1234"));
}
// 操作多级值
function handleValue1(obj) {
/**
* $(obj).parent().parent().children()[2]
* 这条语句得到的是 javascript 的对象,而不是 jquery 包装后的对象
* 所以由此得到的对象,是不能够调用 jquery 的函数的
* $(obj).parent().parent().children()[2].html("123"); //这么写程序无法执行
* 为了可以让此元素使用 jquery 中的函数,我们需要把此对象转换为 jquery 对象
* 就是把得到的对象外边再包装一层 $(obj)
*/
$($(obj).parent().parent().children()[2]).html("为多级设置值");
}
// 获取多级的值
</script>
</body>
</html>