Javascript 组合元素的css选择器

Javascript 组合元素的css选择器,javascript,jquery,css,Javascript,Jquery,Css,这个jQuery选择器尝试选择所有html元素,其类required工作正常,我还想添加到所有html输入元素中,它们的值被修剪为不等于空白 $('.required').each(function () {//do stuff}) // works fine 我的想象: $('.required, input:text[value.trim() != '']').each(function () {//do stuff}) 如何做到这一点?谢谢您必须迭代每个项目,在修剪后检查值,然后执行以

这个jQuery选择器尝试选择所有html元素,其类
required
工作正常,我还想添加到所有html输入元素中,它们的值被修剪为不等于空白

$('.required').each(function () {//do stuff}) // works fine
我的想象:

$('.required, input:text[value.trim() != '']').each(function () {//do stuff})

如何做到这一点?谢谢

您必须迭代每个项目,在修剪后检查值,然后执行以下神奇操作:

$('input[type=“text”])。每个(函数(){
if($.trim(this.value).length){
//做事
$(this.addClass('has-content');
}
});
。有内容{
边框:2倍纯红;
}


我想说这是一个骗局——我不会把它作为一个答案,因为我不确定这是否是“鼓励的”。但是我写了一个小的npm包,它可以做你想做的事情。你在用npm吗?@KevBot是的,我在用npm。包名为。如果您想获得一个文本类型的输入,需要一个css类和一个不全是空白的输入,您可以这样做:
QueryByRegex.all(/(?=.*type=“text”)(?=.*value=“\S*”)(=.*class=“.*required.*)/)
由于属性的顺序可以是任意顺序,所以它们看起来像头。