用于组合元素的css选择器

css selector for combined elements

本文关键字:css 选择器 元素 组合 用于      更新时间:2023-09-26

这个jQuery选择器试图选择required类的所有html元素,这很好,我还想添加到所有html输入元素中,它们的值被修剪为不等于空白。

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

我的想象:

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

如何做到这一点?感谢

您必须对每个项目进行迭代,在修剪后检查值,然后执行魔术:

$('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="" />