当前位置:  开发笔记 > 编程语言 > 正文

如何计算所选元素的数量?

如何解决《如何计算所选元素的数量?》经验,为你挑选了1个好方法。

我有很多使用相同类名的元素.现在我需要计算所选项目的数量.

对于像这样的事情:( 但是这个例子不能正常工作)

$("#btn").click(function(){
  if($(".necessarily").val() == ''){
    $(".necessarily").css('border','1px solid red');
  }
     // also I want the number of input.necessarily which are empty
});

    










现在我想要那些空的输入数......,我该如何计算呢?



1> undefined..:

.val()method返回.value集合中第一个元素的属性.您可以使用该.filter()方法过滤空输入并读取.length已过滤集合的属性:

var $empty = $(".necessarily").filter(function() {
   // you can use the `$.trim` method for trimming whitespaces
   // return $.trim(this.value).length === 0; 
   return this.value.length === 0;
});

if ( $empty.length > 0 ) {

}

如果要在空字段中添加边框,可以声明CSS类并使用.removeClass.addClass方法:

CSS:

.red_border {
   border: 1px solid red;
}

JavaScript的:

var $empty = $(".necessarily").removeClass('red_border').filter(function() {
   return this.value.length === 0;
}).addClass('red_border');

推荐阅读
php
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有