jQuery的parent()方法可以获得当前匹配元素集合中每个元素的父元素，因此可以用以实现选择当前元素的父元素下的另一个子元素。下面给出实例演示：
1、创建Html元素
<div class="box">
<span>实例演示：获取当前点击li标签的父标签下类型为bb4的子标签</span><br>
<div class="content">
<ul>
<li class="bb1">哈哈，我是bb1</li>
<li class="bb2">click me</li>
<li class="bb3">哈哈，我是bb3</li>
<li class="bb4">哈哈，我是bb4</li>
</ul>
</div>
</div>
2、设置css样式
divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
divbox>span{color:#999;font-style:italic;}
divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
li{margin:5px;list-style: none;}
3、编写jquery代码
$(function(){
$("li")click(function() {
alert($(this)parent()find("bb4")html());
});
});
4、观察效果：点击任一个li标签都将d出最后一个li标签的文字
要获取标签个数需要用到size()函数用法，size() 方法返回被 jQuery 选择器匹配的元素的数量。 例子：
<script language="javascript" type="text/javascript">$(document)ready(function(){
var i=$('div')size();//获得div标签的数目
var j=$('ff')size();//获得class为ff的font标签的数目
alert("div有"+i+"个；font有"+j"个");
})
</script>
<div>div1</div><br>
<div>div2</div><br>
<div>div3</div><br>
<div>div4</div><br>
<font class="ff">111</font>
<font class="ff">222</font>
<font class="ff">333</font>
<!DOCTYPE html>
<html>
<head>
<script src=";
判断是否超过指定数量直接用size()来判断 超出就执行对象复制的 *** 作，复制的方法就多了，我只是举出我喜欢用的一种
以上就是关于jquery 判断父元素下有多少个子元素全部的内容，包括:jquery 判断父元素下有多少个子元素、jquery如何获得html标签数量、jQuery 如何判断 li的个数超过一个值（如：5）然后新创建一个ul并包含超出的li等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）