Können wir das Div mit der ID innerhalb der Div-Klasse mit jquery entfernen

Question

<div class="row"> 
    <div id ="1">Here is content</div> 
    <div id ="2">Here is content</div> 
    <div id ="3">Here is content</div> 
</div> 
<button id ="remove"> 

Ich möchte die Zeile Formular zuletzt (3, 2, 1) auf Klick-Taste mit j Abfrage entfernen, bitte schlagen Sie mir einen Code vor.

Answer 1

Wenn Sie auf Schaltfläche entfernen, erhalten die Klasse row und Sie möchten, um ihre Kinder löschen, so children() verwenden .Can Entfernen Sie den letzten Index von last() Funktion und remove().

$('#remove').click(function() { 
    $('.row').children().last().remove(); 
}) 

Answer 2

Ich denke, das ist, was Sie suchen, aber ich bin mir nicht sicher. Ich nehme an, dass Sie das letzte Kind von ".row" entfernen möchten, wenn Sie auf die Schaltfläche klicken.

$("#remove").on("click", function(){ $(".row div:last-child").remove(); });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="row"> 
 
    <div id ="1">Here is content</div> 
 
    <div id ="2">Here is content</div> 
 
    <div id ="3">Here is content</div> 
 
</div> 
 
<button id ="remove">remove</button>

Answer 3

Nun, IDs können nicht mit einer Zahl beginnen, so dass Sie diejenigen ändern sollten.

Aber es klingt wie das ist alles, was Sie brauchen:

$(document).ready(function(){ 
 
    $('#remove').click(function(){ 
 
    $('#three').remove(); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> 
 

 
<div class="row"> 
 
    <div id="one">Here is content</div> 
 
    <div id="two">Here is content</div> 
 
    <div id="three">Here is content</div> 
 
</div> 
 
<button id="remove">Remove!</div>