Hallo,

Ik ben mij suf het zoeken naar het volgende:
Met de keyup functie laat ik de input checken op een waarde, als deze waarde juist is dan moet er een div element verwijderd worden in de volgende situatie:


<div class="main_div">
<div class="input-row" id="name_field">
<input type="text">
</div>

<div class="tips">
<div class="tip">bla bla bla
</div>
</div>
</div>

<div class="main_div">
<div class="input-row" id="phone_field">
<input type="text">
</div>

<div class="tips">
<div class="tip">bla bla bla
</div>
</div>
</div>

Het element "tip" moet verwijderd worden

Zelf heb ik het volgende geprobeerd (wat mij logisch lijkt):


<script>
$(document).ready(function(){
$("#name_field").keyup(function(){
if($(this).val().length == 0){
$(this).parent().parent().find(".tips").remove(".tip");
}
});
});


Als ik ik remove vervang voor append dan werkt het wel.
Let op dat er meerdere main_div's zijn en dus alleen het element tip verwijder word bij de juiste main div

[size=xsmall]Toevoeging op 20/06/2016 21:06:43:[/size]

Opgelost! "typefout"
Volgens mij verwacht de .remove() geen argumenten.

Als je regel 5 vervangt door dit:

$(this).parent().parent().find(".tips .tip").remove();


Zou het moeten werken.

Reageren