Li item wordt niet verwijderd .remove
JQuery
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$(document).ready(function() {
$("p").click(function () {
if(div === "selected") {
// Verwijder x figuur & verwijder deze class
$(this).removeClass("selected");
$("img.delete").remove();
// Verwijder deze uit de lijst
$("li.'+nummer+'").remove();
//$("li.60m").remove();
}
})
});
$("p").click(function () {
if(div === "selected") {
// Verwijder x figuur & verwijder deze class
$(this).removeClass("selected");
$("img.delete").remove();
// Verwijder deze uit de lijst
$("li.'+nummer+'").remove();
//$("li.60m").remove();
}
})
});
HTML
Code (php)
1
2
2
<p class="selected" onclick="return false">60m + (img) </p>
<li id="listItem_3" class="60m">(img) + 60m</li>
<li id="listItem_3" class="60m">(img) + 60m</li>
De li wordt niet verwijderd, de imges en de class wel. Wat gaat er mis?
Groeten,
Olivier
Gewijzigd op 02/08/2012 15:36:32 door Olivier Peeters
div en nummer.
Komen die ergens (buiten de functies) anders voor?
Gewijzigd op 02/08/2012 16:19:29 door Kris Peeters
//$("li.60m").remove();
maar al ik dit doe= $("li.'+nummer+'") dan werkt dit niet (nummer = 60m)....
Gewijzigd op 02/08/2012 16:23:19 door Olivier Peeters
Je gebruikt de quotes verkeerd. Probeer dit:
$("#li."+nummer)
Soms zal het mogen, maar in veel talen/omstandigheden moet je je houden aan dit:
Het eerste karakter moet een letter zijn ofwel een underscore.
Ik zou je aanraden dit overal en altijd te doen.
En dus nog het mysterie van de twee niet-gedefiniëerde variabelen ...
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<p onclick="return false">60m <p class="delete"></p></p><br />
if(div === "selected") {
// Verwijder x figuur & verwijder deze class
$(this).removeClass("selected");
$("img.delete").remove();
// Verwijder deze uit de lijst
$("."+nummer).remove();
aantal--;
}
if(div === "selected") {
// Verwijder x figuur & verwijder deze class
$(this).removeClass("selected");
$("img.delete").remove();
// Verwijder deze uit de lijst
$("."+nummer).remove();
aantal--;
}
Maar ö Mijn figuur wort niet meer juist getoont... Heeft er iemand hiervoor een oplossing?
Ik doe nu:
Code (php)
1
$(this+'.delete').append(img);
Ter info:
Code (php)
1
2
2
var nummer = $(this).html();
var div = $(this).attr('class')
var div = $(this).attr('class')
Groeten
$(this).find('.delete').append(img);
Als je het eerstvolgende element met class 'delete' wilt hebben dat niet een kind is van het huidige dan kan dat op de volgende manier:
$(this).nextAll('.delete:first').append(img);
Toevoeging op 02/08/2012 17:39:20:
Uh, en ik moet eerlijk zijn. Dit kwam ook niet uit mijn parate kennis, maar via een google search (jquery find first element after current):
http://stackoverflow.com/questions/5018211/jquery-target-span-after-current-element
Ere wie ere toekomt.