entfernen span-Element auf Fokus

Question

ich mehrere Textfelder mit jeweils einem span-Elemente wie diese:

<span class="reqDiv" name="Required">This value is required</span> 
<input class="form-control" id="txtAddress" placeholder="Address" type="text" maxlength="50" autocomplete="off"> 

<span class="reqDiv" name="Required">This value is required</span> 
<input class="form-control" id="txtZip" placeholder="Zip Code" type="text" maxlength="5"> 

Ich mag das span-Element der Textbox entfernen, die im Fokus ist. Ich habe den folgenden Code jquery ausprobiert, der das Span-Element aller Textfelder anstelle des bestimmten Textfelds "on-focus" entfernt. Wie kann ich es erreichen?

Die jquery:

$("#Offer_Form").find(".form-control").on("focus", function (e) { 
     $("span[name='Required']") 
    }); 

EDIT: Dies ist, wie ich Span-Tag durch jquery bin zu erzeugen:

var SetErrorStateForControl = function (elemObj, msg) { 
     elemObj.closest('div').find($("span[name='Required']")).remove(); 
     $('<span class="reqDiv" name="Required">' + msg + '</span>').prependTo(elemObj.closest('div')); 
    } 

Answer 1

Sie die prev() Methode verwenden, können die entsprechenden Spanne jedes Etikett zu erhalten

$("#Offer_Form").find(".form-control").on("focus", function(e) { 
    $(this).prev().remove(); 
}); 

Answer 2

Die .prev([selector]) Verfahren erhalten die unmittelbar Geschwister vorhergehenden

Wenn Sie das vorherige span Element entfernen mögen Sie dies versuchen:

$(document).ready(function(){ 
    $(".form-control").focus(function(e) { 
     $(this).prev('span').remove(); //.prev('span') get the previous span 
    }); 
}); 

Answer 3

Sie sollten die vorherige Spanne und hide() Funktion zum Entfernen der Spanne prev() Funktion für die Suche. Beispiel ist Here

$(document).ready(function(){ 
    $('input.form-control').focus(function(e) { 
     $(this).prev('span').hide(); // use hide() for hiding 
    }); 
}); 

Wenn Sie die Spanne statt versteckt entfernen wollen, dann benutzen Sie einfach remove() Funktion.

$(this).prev('span').remove(); // use remove() for removing 

Answer 4

Man könnte so etwas wie dieses

$("input.form-control:text").focus(function() { 
    $(this).prev().remove(); 
});