我有很多使用相同类名的元素.现在我需要计算所选项目的数量.
对于像这样的事情:( 但是这个例子不能正常工作)
$("#btn").click(function(){
if($(".necessarily").val() == ''){
$(".necessarily").css('border','1px solid red');
}
// also I want the number of input.necessarily which are empty
});
现在我想要那些空的输入数......,我该如何计算呢?
.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');