JQuery的siblings函数(取同辈所有元素)
2012-11-11 08:53
169 查看
用法:
对象.siblings('元素');
例子:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New Web Project</title>
<script type="text/javascript" src="jquery-core/jquery-1.8.0.js"></script>
<script type="text/javascript">
$(function(){
//设置class为d1的所有同辈div的html为:我是class为d1的同辈div
$('.d1').siblings('div').html('我是class为d1的同辈div');
});
</script>
</head>
<body>
<div class="d1">
</div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</body>
</html>
对象.siblings('元素');
例子:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New Web Project</title>
<script type="text/javascript" src="jquery-core/jquery-1.8.0.js"></script>
<script type="text/javascript">
$(function(){
//设置class为d1的所有同辈div的html为:我是class为d1的同辈div
$('.d1').siblings('div').html('我是class为d1的同辈div');
});
</script>
</head>
<body>
<div class="d1">
</div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</body>
</html>
相关文章推荐
- jQuery使用siblings获取某元素所有同辈(兄弟姐妹)元素用法示例
- jquery选择对象同辈所有元素
- 使用jquery的siblings获取某一个元素的所有同辈(兄弟姐妹)元素
- jQuery :has(selector)_给所有包含p元素的div元素添加一个text类
- jQuery搜索同辈元素方法
- jquery可见性选择器(匹配所有隐藏的元素)
- jquery 表单下所有元素的隐藏
- jQuery - last-child 选择所有最后一个子元素 last最后一个元素
- jquery 根据td中的checkebox元素该行所有td中的元素
- jquery实现删除一个元素后面的所有元素功能
- Jquery 同辈元素选中/未选中效果
- Jquery 解决获取同辈元素
- jQuery快速获取form的所有元素
- jquery插件-给所有匹配元素集合赋值
- jQuery 集合 搜索操作(父辈元素搜索、同辈元素搜索、子元素搜索)
- jquery父级元素获取所有子级元素
- jQuery中排除指定元素,同时选择剩下的所有元素
- jQuery - Selectors选择器 - element按指定名称匹配所有元素
- jquery实现删除一个元素后面的所有元素功能
- 使用DOM的方法获取所有li元素,然后使用jQuery()构造函数把它封装为jQuery对象