jquery - Removing div rows which have same class identifiers dynamically -

jquery - Removing div rows which have same class identifiers dynamically -

i'm trying remove div row clicking delete problem rows have same class name don't know how individually remove rows.

<div class="divtable"> <div class="divtablerow"> <div class="divtablecell"> row 1 </div> <div class="divtablecell"> <span class="delete-size-row">delete</span> </div> </div> <div class="divtablerow"> <div class="divtablecell"> row 2 </div> <div class="divtablecell"> <span class="delete-size-row">delete</span> </div> </div> </div>

i can has unique identifiers won't work me. need dynamic solution.

$(".delete-size-row").click(function() { $('#removerow-unique').hide(); });

you can utilize .closest() find parent div class divtablerow can hide it.

code

$(".delete-size-row").click(function () { $(this).closest('.divtablerow').hide(); });

in event handler this refers element invoked event handler.

jquery html