jQuery 遍历 - 祖先
来源:互联网 发布:openstack ubuntu镜像 编辑:程序博客网 时间:2024/06/06 02:57
<!DOCTYPE html>
<html>
<head>
<style>
.ancestors *
{
display:block;
border:5px solid lightgrey;
color:blue;
padding:8px;
margin:15px;
}
</style>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("#span1,#span2").parent().css({"color":"red","border":"2px solid red"});
});
$(document).ready(function(){
$("#span3").parents().css({"color":"red","border":"2px solid red"});
});
$(document).ready(function(){
$("#span4").parents("ul").css({"color":"red","border":"2px solid red"});
});
$(document).ready(function(){
$("#span5").parentsUntil("div").css({"color":"red","border":"2px solid red"});
});
</script>
</head>
<body>
<div class="ancestors">
<div style="width:500px;">(曾祖父)
<ul>ul(祖父)
<li>(直接父)
<span id="span1">span1</span>
</li>
</ul>
</div>
<div style="width:500px">(祖父)
<p>(直接父)
<span id="span2">span2</span>
</p>
</div>
<div style="width:500px;">(曾祖父)
<ul>ul(祖父)
<li>(直接父)
<span id="span3">span3</span>
</li>
</ul>
</div>
<div style="width:500px;">(曾祖父)
<ul>ul(祖父)
<li>(直接父)
<span id="span4">span4</span>
</li>
</ul>
</div>
<div style="width:500px;">(曾祖父)
<ul>ul(祖父)
<li>(直接父)
<span id="span5">span5</span>
</li>
</ul>
</div>
</div>
</body>
</html>
<html>
<head>
<style>
.ancestors *
{
display:block;
border:5px solid lightgrey;
color:blue;
padding:8px;
margin:15px;
}
</style>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("#span1,#span2").parent().css({"color":"red","border":"2px solid red"});
});
$(document).ready(function(){
$("#span3").parents().css({"color":"red","border":"2px solid red"});
});
$(document).ready(function(){
$("#span4").parents("ul").css({"color":"red","border":"2px solid red"});
});
$(document).ready(function(){
$("#span5").parentsUntil("div").css({"color":"red","border":"2px solid red"});
});
</script>
</head>
<body>
<div class="ancestors">
<div style="width:500px;">(曾祖父)
<ul>ul(祖父)
<li>(直接父)
<span id="span1">span1</span>
</li>
</ul>
</div>
<div style="width:500px">(祖父)
<p>(直接父)
<span id="span2">span2</span>
</p>
</div>
<div style="width:500px;">(曾祖父)
<ul>ul(祖父)
<li>(直接父)
<span id="span3">span3</span>
</li>
</ul>
</div>
<div style="width:500px;">(曾祖父)
<ul>ul(祖父)
<li>(直接父)
<span id="span4">span4</span>
</li>
</ul>
</div>
<div style="width:500px;">(曾祖父)
<ul>ul(祖父)
<li>(直接父)
<span id="span5">span5</span>
</li>
</ul>
</div>
</div>
</body>
</html>
0 0
- jQuery 遍历 - 祖先
- jQuery 遍历 - 祖先
- 20. jQuery 遍历 - 祖先
- jQuery 遍历 - 祖先
- jQuery 遍历 - 祖先
- jQuery遍历-祖先
- jQuery遍历----------(遍历、祖先、后代、同胞、过滤)
- JQuery遍历元素的父辈和祖先
- jQuery 遍历 - 祖先parent() parents() parentsUntil()(二十二)
- JQuery中遍历元素的父辈和祖先
- jquery遍历 “祖先” 的几种表示方法
- jQuery按条件找祖先
- java 二叉树遍历+查找祖先节点
- 祖先后代选择器ancestor descendant(jQuery)
- jquery祖先、同胞、后代抓取方法
- JQuery遍历
- JQUERY遍历
- Jquery遍历
- bash中的complete作用——TAB参数自动补全
- 欢迎使用CSDN-markdown编辑器
- 文件下载
- 深究AngularJS——ui-router详解
- 第四周项目5 猴子选大王
- jQuery 遍历 - 祖先
- 70.Binary Tree Level Order Traversal II-二叉树的层次遍历 II(中等题)
- 第十四期 U-Boot命令原理《路由器就是开发板》
- spring+springMVC+mybatis +dubbo架构的工程创建(一)
- Swift-iOS常用控件(UIAlertView警告视图)
- 第四周 项目4—— 猴子选大王
- hdu2032 杨辉三角
- 早研
- 如何构建BCG框架,BCG属性页,MFC框架属性页