是否有类似于 :checked for input type text 的内容？ [复制]

Posted 2023-02-22

【中文标题】是否有类似于 :checked for input type text 的内容？ [复制]

【英文标题】：Is there something similar to :checked for input type text? [duplicate]

【发布时间】：2016-11-03 01:57:46

【问题描述】：

一些问题。

是否有一些类似于 :checked 的 CSS 选择器来“评估”输入 type="text" 是否为空？

如果没有，是否有 Jquery 替代方案？更具体地说，我想在“非空”输入之后对以下元素进行样式化。我可能应该只为这个输入分配一个类：class="NotEmpty"，然后准备一个 CSS .NotEmpty+p ，对吧？

有一个选中的选择器而不是其他类似选项的原因可能是什么？

【问题讨论】：

你可以看看这个网址link

你可能想看看这个：***.com/questions/1854556/…

不，实际上你需要一个脚本来完成它

嗯。是的。我只是在考虑样式，但“验证”方法很有趣......

【参考方案1】：

实际上，这样的选择器会遍历所有元素。

所以你自己用filter做吧：

var $collection = $("some selector").filter(function() return this.value );

【讨论】：

感谢您这么快回答。我扩展了一些原始问题。 :o)

【参考方案2】：

jQuery 没有这样的选择器。有一个 :empty 选择器，但它通过检查元素的后代来工作。

正如另一个答案所示，您可以使用.filter 方法来检查匹配元素。但是如果你想使用一个选择器，你可以添加一个。这是一个例子：

$.extend($.expr[':'], 
    empty_field: function(a) 
        return typeof a.value === 'string'
               && a.value.trim().length === 0;
    
);

选择器可以像预定义的选择器一样使用：

// select the empty inputs:
$('input:empty_field');
// select the not-empty inputs:
$('input:not(:empty_field)');