ein DIV Entfernen Sie einen Link

Question

HTML verwenden:

<div class="row"> 
<!-- content --> 
<a href="#" class="remove">remove</a> 
</div> 

JS:

$('.remove').click(function(){ 
    $(this).parent().remove(); 
    return false; 
}); 

Wenn nur ein DIV ist es funktioniert OK, aber wenn es mehrere DIVS (class="row") sind, wird es nicht tun etwas. Es werden auch keine Fehler zurückgegeben.

EDIT: Ich sollte hinzufügen, dass standardmäßig gibt es nur ein div - zusätzliche divs werden dynamisch mit einer jQuery-Klonfunktion erstellt - vielleicht ist dies der Grund, warum es die neue Verknüpfung/Div nicht erkennt?

Answer 1

Es funktioniert für mich: JS Fiddle demo.

Da die anderen div s dynamisch geladen werden, müssen Sie verwenden:

$('.remove').live('click', 
    function(){ 
     $(this).parent().remove(); 
     return false; 
}); 

JS Fiddle demo (featuring add and remove).

Answer 2

Wenn ich verstehe Sie richtig - es funktioniert wie beabsichtigt zu sein scheint - Demo

Answer 3

scheint für mich ganz gut zu arbeiten. Schauen Sie sich meine JSFiddle (mit zusätzlichen Entfernung Animation zum Spaß)

UPDATE

jedes Mal, wenn Sie ein neues Objekt erstellen, müssen Sie erneut ausführen den Code

doCloneObject(); 

//Once you create the new object(s), tell jQuery what to do with them. 
$('.remove').click(function(){ 
    $(this).parent().toggle('fast', function(){ 
      $(this).remove(); 
    }); 
    return (false); 
}); 

Answer 4

Code Stellen Sie sicher, nur ausgeführt, wenn die ganze Seite geladen wird, das heißt:

$(document).ready(function() { 
    $('.remove').click(function(){ 
    $(this).parent().remove(); 
    return false; 
    }); 
});