.append(), prepend(), .after() en .before()

Ik ben redelijk bedreven met coderen, maar zo nu en dan kom ik code tegen die in principe hetzelfde lijkt te doen. Mijn belangrijkste vraag hier is, waarom zou je .append() gebruiken in plaats van .after() of vice verses?

Ik heb gezocht en kan geen duidelijke definitie vinden van de verschillen tussen de twee en wanneer je ze moet gebruiken en wanneer niet.

Wat zijn de voordelen van de een boven de ander en ook waarom zou ik gebruik maken van de een in plaats van de ander? Kan iemand mij dit uitleggen?

var txt = $('#' + id + ' span:first').html();
$('#' + id + ' a.append').live('click', function (e) {
    e.preventDefault();
    $('#' + id + ' .innerDiv').append(txt);
});
$('#' + id + ' a.prepend').live('click', function (e) {
    e.preventDefault();
    $('#' + id + ' .innerDiv').prepend(txt);
});
$('#' + id + ' a.after').live('click', function (e) {
    e.preventDefault();
    $('#' + id + ' .innerDiv').after(txt);
});
$('#' + id + ' a.before').live('click', function (e) {
    e.preventDefault();
    $('#' + id + ' .innerDiv').before(txt);
});
Mohammad
Bewerkte vraag 10de4 maart 2017 в 10:53
Programmering
append javascript jquery prepend jquery-after
13de2 februari 2013 в 4:42
90 views
Oplossing

See:

.append() zet data binnen een element op laatste index en .prepend() zet het elem op eerste index

stel:


<div class='a'> //
Krzysztof Atłasik
Bewerkt antwoord 8ste4 maart 2019 в 5:54
Commentaren (4)

append() & prepend() zijn voor het invoegen van inhoud binnen een element (waardoor de inhoud zijn kind wordt) terwijl after() & before() inhoud buiten een element invoegen (waardoor de inhoud zijn sibling wordt).

neshpro9
Bewerkt antwoord 2de0 juni 2014 в 9:54
Commentaren (0)

De beste manier is om naar documentatie te gaan.

.append() vs .after()

  • .append(): Voeg inhoud, gespecificeerd door de parameter, aan het einde van elk element in de set van gematchte elementen in.
  • .after(): Voegt inhoud in, gespecificeerd door de parameter, na elk element in de verzameling van gematchte elementen.

.prepend() vs .before()

  • prepend(): Voegt inhoud, gespecificeerd door de parameter, aan het begin van elk element in de set van gematchte elementen.
  • .before(): Voegt inhoud in, gespecificeerd door de parameter, voor elk element in de verzameling van gematchte elementen.

Dus, append en prepend verwijzen naar kind van het object terwijl after en before verwijzen naar sibling van het object.

Rohan Gayen
Bewerkt antwoord 16de3 juni 2016 в 9:52
Commentaren (0)