Delete html with js

Asked Jan 25 '18 at 11:40

Active Jan 25 '18 at 11:40

Viewed 44 times

I made code to generate html rows.

How do I delete them now?? I don't have a random generated id.

$('#addEnv').click(function() {
  $('#envVariablesDiv').append('<div class="col-sm-5 top10"><div class="input-group"><label class="input-group-addon">Name</label><input id="envName" class="form-control" name="envName" type="text" placeholder="e.g. name1" /></div></div>' +
    '<div class="col-sm-5 top10"><div class="input-group"><label class="input-group-addon">Variable</label><input class="form-control" id="envVar" type="text" name="envVar" placeholder="e.g. var1" /></div></div><div class="col-sm-2 top10"><button type="button" class="btn btn-danger"><span class="fa fa-trash">Delete</span></button></div>');
});

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

<button id="addEnv">Add</button>
<div id="envVariablesDiv">

</div>

asked Jan 25 '18 at 11:40

qweq

Just add a container div with some class for all the new child element added, and on delete.. removed that container div in that `this` scope. – palaѕн Jan 25 '18 at 11:44
but i can't use id for the button. – qweq Jan 25 '18 at 11:45
You don't need to; use the class that's already on the button – Rory McCrossan Jan 25 '18 at 11:49
`$(this).remove();` doesnt work. help – qweq Jan 25 '18 at 11:54
i have a working example why can't you help me on this? :/ – qweq Jan 25 '18 at 11:55

Delete html with js

0 Answers0

Linked