如果另一个div中的3个输入文本字段不是空的，如何使用jQuery显示隐藏的div？

我有一个div，它在加载DOM时使用hide（）隐藏

此处显示一些文本

当类为.master（一到三）的输入字段不为空时，如何使上面的div（.discover）显示。（理想情况下，在每个输入字段中触发。模糊。）

---

提前谢谢

我想是这样的：

$('.master').change(function() {
    if ($('.master').filter(function() {
        return !this.value;
    }).length) {
        // some are empty
        $('.disappear').hide();
    } else {
        // none are empty
        $('.disappear').show();
    }
});

---

。请注意，我使用的是

change

而不是

blur

，因为这在语义上是你的意思，而且速度会更快。

类似这样的东西，我认为：

$('.master').change(function() {
    if ($('.master').filter(function() {
        return !this.value;
    }).length) {
        // some are empty
        $('.disappear').hide();
    } else {
        // none are empty
        $('.disappear').show();
    }
});

---

。请注意，我使用了

change

而不是

blur

，因为这在语义上是您的意思，而且速度会更快。

这个JSFIDLE应该可以完成这项工作

---

这个jsfiddle应该可以完成这项工作

---

您将在某个事件处理程序中执行此操作

function YourEventHandler()
{
  var v1=$.trim($("#one").val());
  var v2=$.trim($("#two").val());
  var v3=$.trim($("#three").val());
  if(v1 !== '' && v1 !== undefined && v2 !== '' && v2 !== undefined v3 !== '' && v3 !== undefined)
  $(".disappear").show();
  else $(".disappear").hide();
}

我没有使用.master，因为在其他元素中可能有该类。 如果没有，你也可以用它。

---

试试看&让我知道。

您可以在某个事件处理程序中执行此操作

function YourEventHandler()
{
  var v1=$.trim($("#one").val());
  var v2=$.trim($("#two").val());
  var v3=$.trim($("#three").val());
  if(v1 !== '' && v1 !== undefined && v2 !== '' && v2 !== undefined v3 !== '' && v3 !== undefined)
  $(".disappear").show();
  else $(".disappear").hide();
}

我没有使用.master，因为在其他元素中可能有该类。 如果没有，你也可以用它。 试试看&让我知道。

试试这个（这也会检查是否有空虚感）

试试这个（这也会检查空性）

---

@婴儿车很乐意帮忙。如果答案解决了你的问题，你可以。在我将其标记为接受之前，似乎还有5分钟的间隔。“它一到期就可以了。”婴儿车很乐意帮忙。如果答案解决了你的问题，你可以。在我将其标记为接受之前，似乎还有5分钟的间隔。它一到期就可以了。

function YourEventHandler()
{
  var v1=$.trim($("#one").val());
  var v2=$.trim($("#two").val());
  var v3=$.trim($("#three").val());
  if(v1 !== '' && v1 !== undefined && v2 !== '' && v2 !== undefined v3 !== '' && v3 !== undefined)
  $(".disappear").show();
  else $(".disappear").hide();
}

$('input.master').live('blur change', function () {
    var trimVal = $.trim($(this).val());
    if(!trimVal.length)
    {
        $('.disappear').show();
    }
    else {
         $('.disappear').hide();
    }   
});