jQuery怎么判断两个节的关系，如是“父子关系”，“兄弟关系”,"子父关系"。
我的页面：<divclass="div"><fontclass="fount1">我是1！</font><div><fontclass="fount2">我是2！</fo...
我的页面：
<div class="div">
<font class="fount1">我是1！</font>
<div>
<font class="fount2">我是2！</font>
</div>
</div>
jQuery代码：
var font1=jQuery(".fount1").parents(".div");
var font2=jQuery(".fount2").parents(".div");
怎么判断font1和font2是同一个元素？有没有现有的方法？谢谢！ 展开
<div class="div">
<font class="fount1">我是1！</font>
<div>
<font class="fount2">我是2！</font>
</div>
</div>
jQuery代码：
var font1=jQuery(".fount1").parents(".div");
var font2=jQuery(".fount2").parents(".div");
怎么判断font1和font2是同一个元素？有没有现有的方法？谢谢！ 展开
2个回答
展开全部
千总，是这样的。jQuery里面的“父子关系”，“兄弟关系“是基于html DOM节点的。
比如你的例子，
<div class="div" id=div1>
<font class="fount1">我是1！</font>
<div id=div2>
<font class="fount2">我是2！</font>
</div>
</div>
div1是html页面body下的一个子节点，而这个div1又有fount1，和div2这两个子节点，fount1和div2是兄弟关系，div2下面还有一个fount2节点 。
你要用jQuery去找什么父节点，子节点，首先要搞清楚这个节点在HTML中是什么关系，然后你才可以用parent（）,child（）这些方法。
下面是例子
<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'test.jsp' starting page</title>
<script type="text/javascript" src="../js/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
alert($(".fount1").parents(".div").html());
alert($(".fount2").parents(".div").html());
});
</script>
</head>
<body>
<div class="div">
<font class="fount1">我是1！</font>
<div>
<font class="fount2">我是2！</font>
</div>
</div>
</body>
</html>
比如你的例子，
<div class="div" id=div1>
<font class="fount1">我是1！</font>
<div id=div2>
<font class="fount2">我是2！</font>
</div>
</div>
div1是html页面body下的一个子节点，而这个div1又有fount1，和div2这两个子节点，fount1和div2是兄弟关系，div2下面还有一个fount2节点 。
你要用jQuery去找什么父节点，子节点，首先要搞清楚这个节点在HTML中是什么关系，然后你才可以用parent（）,child（）这些方法。
下面是例子
<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'test.jsp' starting page</title>
<script type="text/javascript" src="../js/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
alert($(".fount1").parents(".div").html());
alert($(".fount2").parents(".div").html());
});
</script>
</head>
<body>
<div class="div">
<font class="fount1">我是1！</font>
<div>
<font class="fount2">我是2！</font>
</div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
