组合元素的css选择器

时间:2016-08-04 19:15:30

标签: javascript jquery css

这个jQuery选择器尝试选择所有html元素,类required工作正常,我也想添加到所有html输入元素,其值被剪裁不等于空白。

$('.required').each(function () {//do stuff}) // works fine

我的想象力:

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

如何做到这一点?感谢

1 个答案:

答案 0 :(得分:0)

你必须遍历每个项目,在修剪它之后检查它,然后做出魔术:

$('input[type="text"]').each(function() {
  if ($.trim(this.value).length) {
    // do stuff
    $(this).addClass('has-content');
  }
});
.has-content {
  border: 2px solid red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" value="test" />
<input type="text" value=" " />
<input type="text" value="" />