Question

我有两个具有相同类的输入字段字段，一个显示：none。我想查询输入字段的值是不显示：无。

编辑（带示例）

<div id="Parent1" style="display:none">
  <p>
    <input type="text" class="title" value="">
  </p>
</div>

<div id="Parent2">
  <p>
    <input type="text" class="title" value="this is the one I want">
  </p>
</div>

JS

$('.title').val();

由于第一个标题类为空，因此返回空白。我想忽略显示父母的第一个标题：无。

Answer 1

使用:visible选择器选择未隐藏的元素。

$('.class:visible')

注意：（来自文档）

如果元素占用文档中的空间，则认为元素是可见的。可见元素的宽度或高度大于零。

visibility: hidden或opacity: 0的元素被认为是可见的，因为它们仍占用了布局中的空间。

Answer 2

jquery中有一个:visible选择器（以及一个:not()选择器，.i.e :not(:visible)）

Answer 3

由于你有两个元素，你必须通过它们迭代并找到隐藏的元素。我认为这个过程令我信服：

＆＃13;

$('.class_el').each(function(el){
      if(el.hidden)
        //do something
});

＆＃13;

你也可以使用：visible选择器，比如！$（el）.is（＆＃39;：visible＆＃39;）而不是读取元素的属性。

这是你的选择！干杯！

是否可以使一个元素对jquery

3 个答案: