How to remove only first set of div of a specific class jquery

Question

I have html structure like this :


There is a student row and multiple subject row.There is a dropdown on the Student row, so what i want is to remove the subject rows only when dropdown is changed. I'm using this code but it is not working.
jQuery(document).on('change', '.subject', function(e) {
  var nearest_row = $(this).closest('div.row');
  $(nearest_row).next().remove();
});

I don't want to delete student, only the subjects rows of that student.

Carsten L&#248;vbo Andersen · Accepted Answer

I believe the problem is that you have lots of unclosed

in your code, the each row is actually inside each other. If you look at the example below, i have closed the divs, and now it seems to work.

Working demo

jQuery(document).on('change', 'select.subject', function(e) {
  var nearest_row = $(this).closest('div.row');
  if ($(nearest_row).next('.row').find("select").length == 0) {
    $(nearest_row).next().remove();
  }
});

How to remove only first set of div of a specific class jquery

Answers (1)

Related Questions