Question

我在html中有以下代码：

<input type="text" name="teste" id="teste" required>
<span class="corpoSpanClasse_Teste">
     Mensagem
</span>

我需要当某人在输入中插入内容时，下一个跨度保持不显示。

到目前为止，我已经可以执行此代码，但是我不知道如何继续。

$("input").on("input",function () {

})

我在jquery中需要这个。

但是，我有多个“输入”，对于每个“输入”，我都有一个“ span”，然后显示消息。对于输入内容的每次更改，跨度中包含的消息都必须消失。

示例：

<input type="text" name="teste" id="teste" required>
<span class="corpoSpanClasse_Teste">
     Mensagem
</span>

<input type="text" name="teste1" id="teste1" required>
<span class="corpoSpanClasse_Teste1">
     Mensagem
</span>

<input type="text" name="teste2" id="teste2" required>
<span class="corpoSpanClasse_Teste2">
     Mensagem
</span>

Answer 1

您可以使用change或keyup来解决此问题，here's对其区别进行一些很好的解释

change：

$('#teste').change(function() {
    $('.corpoSpanClasse_Teste').hide();
});

keyup：

$('#teste').on('keyup', function() {
    $('.corpoSpanClasse_Teste').hide();
});

我也将$("input")的输入过滤器$('#teste')更改为特定于这一输入，并且不会触发页面上的所有输入

使跨距停留与jQuery不显示

1 个答案: