JQuery Element vom Eltern entfernen

Question

Ich habe ein "Versuchen Sie es erneut!" Meldung, dass, wenn der eingefügte Wert existiert in meiner ausgewählten Drop-Down-Liste erscheint, das ist mein Code:

//I am trying to remove this message once the user starts typing again: 
 

 
    $('#new_day').on('input', function(){ 
 
    //Get input value 
 
    var input_value = $(this).val(); 
 
    
 
    //Remove disabled from the button 
 
    $('#new_day_save').removeAttr('disabled'); 
 
    
 
    //iterate through the options 
 
    $(".days > option").each(function() { 
 
     //If the input value match option text the disable button 
 
     if(input_value == $(this).text()){ 
 
      $('#new_day_save').attr('disabled', 'disabled'); 
 
      $('#new_day_save').parent().append("<p id=\"error_message\" style=\"color: red\">Try again !</p>"); 
 
     }else{ 
 
     $('#new_day_save').parent().remove("#error_message"); 
 
     } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
    <select class="days"> 
 
     <option>Monday</option> 
 
     <option>Friday</option> 
 
    </select> 
 
    <p>You have another proposition? Add it to the list.</p> 
 
    <div> 
 
     <input id="new_day" type="text" /> 
 
    </div> 
 
    <input id="new_day_save" type="button" value="save new day"/>

Answer 1

Sie nur die #error_message durch Hinzufügen dieses zu Ihrem Event-Handler zu vergleichen, um remvoe kann, kurz bevor Sie Eingangswert Option $('#new_day_save').parent().find('#error_message').remove() und Sie können die sonst Bedingung entfernen.

$('#new_day').on('input', function(){ 
 
    //Get input value 
 
    var input_value = $(this).val(); 
 

 
    //Remove disabled from the button 
 
    $('#new_day_save').removeAttr('disabled'); 
 
$('#new_day_save').parent().find('#error_message').remove(); 
 
    //iterate through the options 
 
    $(".days > option").each(function() { 
 
    //If the input value match option text the disable button 
 
    if(input_value == $(this).text()){ 
 
     $('#new_day_save').attr('disabled', 'disabled'); 
 
     $('#new_day_save').parent().append("<p id=\"error_message\" style=\"color: red\">Try again !</p>"); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<select class="days"> 
 
    <option>Monday</option> 
 
    <option>Friday</option> 
 
    </select> 
 
    <p>You have another proposition? Add it to the list.</p> 
 
    <div> 
 
    <input id="new_day" type="text" /> 
 
    </div> 
 
    <input id="new_day_save" type="button" value="save new day"/>

Answer 2

Diese Linie $('#new_day_save').parent().remove("#error_message"); werden übergeordnetes Element entfernen.

Um bestimmte Element in jQuery, tun einfach zu entfernen, da es sich um ein id Selektor ist die einzigartige Element ist,

$("#error_message").remove();