jQuery技术:如何计算jQuery对象中某个类型的所有元素?

假设我有一个内容不确定的jQuery对象(可能是动态选择器或HTML字符串):

 var $o = $(something); 

现在,例如,我如何计算jQuery对象本身包含多少

对象(即没有包含元素的后代)? 我可以

 var l = $o.filter( function () { return $(this).is("div"); } ).length; 

其他想法?

    .filter()接受一个选择器,所以

     $o.filter('div') 

    应该足够了。

    当然,您可以为此创建一个插件:

     $.fn.count = function(selector) { return this.filter(selector).length; }; 

    有两种方法可以计算jQuery对象中某种类型的元素。 您使用哪种方法取决于您对in的定义。


    如果要在对象中搜索后代,请使用.find()或上下文:

     $o.find("div").length 

    要么

     $("div", $o).length 

    例如

     
  • 对于上述:

     $("li").find("div").length // This is 2 $("div", "li").length // This is 2 $("li").filter("div").length // This is 0 

    如果要按规则减少所选项目的数量,请使用.filter()

     

    对于上述

     $("div").filter(".a").length // This is 1 $("div").find(".a").length // This is 0 $(".a", "div").length // This is 0 

    jsFiddle同时显示.find().filter()

    需要了解更多jQuery教程分享如何计算jQuery对象中某个类型的所有元素?,都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)!

      以上就是jQuery教程分享如何计算jQuery对象中某个类型的所有元素?相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/981389.html

      (0)
      上一篇 2021年12月12日
      下一篇 2021年12月12日

      精彩推荐