Div verwijderen 2 elementen omhoog
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:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<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>
<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):
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
<script>
$(document).ready(function(){
$("#name_field").keyup(function(){
if($(this).val().length == 0){
$(this).parent().parent().find(".tips").remove(".tip");
}
});
});
$(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
Toevoeging op 20/06/2016 21:06:43:
Opgelost! "typefout"
Gewijzigd op 20/06/2016 21:00:01 door Bryan De Baar
Als je regel 5 vervangt door dit:
Code (php)
1
$(this).parent().parent().find(".tips .tip").remove();
Zou het moeten werken.