Question

我有两个相同类的输入：

<input type="text" name="test" class="test">
<input type="text" name="test" class="test" value="test">

其中一个输入是空的 - 不是。我怎么能得到不空的输入值？主要规则，输入完全相同，我不能添加一些类或其他东西来定义差异。

Answer 1

您可以.filter()使用Attribute Equals Selector [name=”value”]或类选择器

进行投注

var nonEmptyInputs = $('input.test[name="test"]').filter(function(){
    return this.value.length > 0;
});

Answer 2

你可以使用像

这样的循环

$('button').click(function() {
  var value;
  $('.test').each(function() {
    if (this.value.trim()) {
      value = this.value.trim()
      return false;
    }
  });
  snippet.log(value)
})

<!-- Provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 -->
<script src="http://tjcrowder.github.io/simple-snippets-console/snippet.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="test" class="test">
<input type="text" name="test" class="test" value="test">

<button>test</button>

Answer 3

试试这个

    $(function(){
      $('button').click(function() {

        $.each($('.test'),function(){

           if( !$(this).val() )
               $(this).val('this text field was not filled');

        });

      });

    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<input type="text" name="test" class="test">
<input type="text" name="test" class="test">

<button>test</button>

jQuery得到一个非空输入值

3 个答案: