使用jQuery显示特定的隐藏跨距

我把它写得再往下一点，上面写着“带有可选图标”。 联系人表单有4个字段，3个输入用于姓名、电子邮件和主题，1个文本区域用于消息。 这是目前为止的联系方式：

    <form action="contact_verify.php" class="form-horizontal" role="form" method="post">
        <div class="form-group">
            <label for="inputName" class="col-sm-2 control-label">Ingrese su Nombre *</label>
                <div class="col-sm-8 offset2">
                    <input type="text" class="form-control span6" id="inputName" name="inputName" placeholder="Nombre">
                    <span class="glyphicon glyphicon-ok form-control-feedback"></span>
                </div>
        </div>
        <br />
        <div class="form-group" id="email">
            <label for="inputEmail" class="col-sm-2 control-label">Ingrese su Email *</label>
                <div class="col-sm-8 offset2">
                    <input type="text" class="form-control span6" id="inputEmail" name="inputEmail" placeholder="Email">
                    <span class="glyphicon glyphicon-ok form-control-feedback"></span>
                </div>
        </div>
        <br />
        <div class="form-group">
            <label for="inputSubject" class="col-sm-2 control-label">Ingrese su Asunto</label>
                <div class="col-sm-8 offset2">
                    <input type="text" class="form-control span6" id="inputSubject" name="inputSubject" placeholder="Asunto">
                    <span class="glyphicon glyphicon-ok form-control-feedback"></span>
                </div>
        </div>
        <br />
        <div class="form-group">
            <label for="inputText" class="col-sm-2 control-label">Ingrese su consulta *</label>
                <div class="col-sm-8 offset2">
                    <textarea class="form-control span6" rows="5" id="inputText" name="inputText" placeholder="Escriba su consulta..."></textarea>
                    <span class="glyphicon glyphicon-ok form-control-feedback"></span>
                </div>
        </div>
        <br />
        <div class="form-group offset7">
            <div class="col-sm-offset-2 col-sm-10">
                <button type="submit" class="btn btn-default">Enviar</button>
            </div>
        </div>
    </form>

我的目标是，一旦该人开始在每个字段上书写，该字段上就会出现带有引导的隐藏跨度。 到目前为止，我已经管理好，一旦用户停止使用此功能键入，每个字段都是绿色的：

$(".form-group").keyup(function(){
    $(this).addClass("has-success has-feedback");
});

但目前我还不知道如何让重点输入或文本区域显示它的隐藏范围

谢谢

您可以使用：

 $(this).next().show();

或

---

为了避免冲突，您应该这样做：

$("span.form-control-feedback").hide();
$(".form-control").keyup(function(){
    $(this).siblings('span.form-control-feedback').show();
});

---

如果SPAN的样式设置正确（可能是绝对的），那么它将出现在输入字段中。

对不起，我忘了添加我已经尝试了$（this）。next（）.show（）；它不起作用，尝试了另一个，但它不起作用演示正在工作，尽管跨度显示在输入之外，而不是像引导演示那样显示在内部。我会检查一下，看看能不能用。谢谢大家

 $(this).siblings('span').show();

$("span.form-control-feedback").hide();
$(".form-control").keyup(function(){
    $(this).siblings('span.form-control-feedback').show();
});