或者其本身,jquery获取一个元素下面相同子元素
分类:计算机网络

例如下面的html代码,要获取P元素下面a元素的个数:

本文实例讲述了jQuery获得子元素个数的方法。分享给大家供大家参考。具体分析如下:

本文实例讲述了jQuery统计指定子元素数量的方法。分享给大家供大家参考。具体分析如下:

上个月研究学习了《js判断一个元素是否为另一个元素的子元素》,感觉还挺好用,但是在jQuery应用中还是有很多缺陷,比如多个元素的时候写起来就不是很方便。所以写了比较简单的jQuery判断一个元素是否为另一个元素的子元素(或者其本身)的两个扩展:

<p id="father"> 
<a></a> 
<a></a> 
<a></a> 
<a></a> 
<a></a> 
…… 
<a></a> 
</p> 
//获取id=div1下的子元素的个数
$('#div1').children().length;
//获取id=div1下的span元素个数
$('#div1').children('span').length;

jQuery可以通过 > 访问子标签,然后通过size获得子标签的数量

复制代码 代码如下:

我们可以这样写:

希望本文所述对大家的jQuery程序设计有所帮助。

<div id="foo">
 <div id="bar"></div>
 <div id="baz">
  <div id="biz">
 </div>

</div>
//jQuery code to count child elements
$("#foo > div").size()

//判断:当前元素是否是被筛选元素的子元素
jQuery.fn.isChildOf = function(b){
return (this.parents(b).length > 0);
};
//判断:当前元素是否是被筛选元素的子元素或者本身
jQuery.fn.isChildAndSelfOf = function(b){
return (this.closest(b).length > 0);
};

$("#father a").length

您可能感兴趣的文章:

  • jquery使用remove()方法删除指定class子元素
  • jQuery统计指定子元素数量的方法
  • jquery删除指定子元素代码实例
  • jquery中获取元素里某一特定子元素的代码
  • jquery获取一个元素下面相同子元素的个数代码
  • 使用jquery选择器如何获取父级元素、同级元素、子元素
  • jquery查找父元素、子元素(个人经验总结)
  • jquery中子元素和后代元素的区别示例介绍
  • jquery判断元素的子元素是否存在的示例代码
  • js与jquery获取父元素,删除子元素的两种不同方法
  • jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)
  • 扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁
  • jQuery Selectors(选择器)的使用(七、子元素篇)
  • 简单讲解jQuery中的子元素过滤选择器

希望本文所述对大家的jQuery程序设计有所帮助。

使用起来也非常方便:

您可能感兴趣的文章:

  • jQuery获得子元素个数的方法
  • jquery使用remove()方法删除指定class子元素
  • jQuery统计指定子元素数量的方法
  • jquery删除指定子元素代码实例
  • jquery中获取元素里某一特定子元素的代码
  • 使用jquery选择器如何获取父级元素、同级元素、子元素
  • jquery查找父元素、子元素(个人经验总结)
  • jquery中子元素和后代元素的区别示例介绍
  • jquery判断元素的子元素是否存在的示例代码
  • js与jquery获取父元素,删除子元素的两种不同方法
  • jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)
  • 扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁
  • jQuery Selectors(选择器)的使用(七、子元素篇)
  • 简单讲解jQuery中的子元素过滤选择器

您可能感兴趣的文章:

  • jQuery获得子元素个数的方法
  • jquery使用remove()方法删除指定class子元素
  • jquery删除指定子元素代码实例
  • jquery中获取元素里某一特定子元素的代码
  • jquery获取一个元素下面相同子元素的个数代码
  • 使用jquery选择器如何获取父级元素、同级元素、子元素
  • jquery查找父元素、子元素(个人经验总结)
  • jquery中子元素和后代元素的区别示例介绍
  • jquery判断元素的子元素是否存在的示例代码
  • js与jquery获取父元素,删除子元素的两种不同方法
  • jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)
  • 扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁
  • jQuery Selectors(选择器)的使用(七、子元素篇)
  • 简单讲解jQuery中的子元素过滤选择器

复制代码 代码如下:

$(document).click(function(event){
alert($(event.target).isChildOf(".floatLayer"));
});

或者:

复制代码 代码如下:

$(document).click(function(event){
alert($(event.target).isChildAndSelfOf (".floatLayer"));
});

演示地址:

您可能感兴趣的文章:

  • jQuery获得子元素个数的方法
  • jquery使用remove()方法删除指定class子元素
  • jQuery统计指定子元素数量的方法
  • jquery删除指定子元素代码实例
  • jquery中获取元素里某一特定子元素的代码
  • jquery获取一个元素下面相同子元素的个数代码
  • 使用jquery选择器如何获取父级元素、同级元素、子元素
  • jquery查找父元素、子元素(个人经验总结)
  • jquery中子元素和后代元素的区别示例介绍
  • jquery判断元素的子元素是否存在的示例代码
  • js与jquery获取父元素,删除子元素的两种不同方法
  • 扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁
  • jQuery Selectors(选择器)的使用(七、子元素篇)
  • 简单讲解jQuery中的子元素过滤选择器

本文由美高梅网址发布于计算机网络,转载请注明出处:或者其本身,jquery获取一个元素下面相同子元素

上一篇:双引号替换成单引号的实现方法,个人猜测 下一篇:jQuery对象和DOM对象相互转化,jQuery对象和DOM对象
猜你喜欢
热门排行
精彩图文