CODEWITHSUNDEEP
javascriptjquery
tiki
tiki

Reputation: 19

Delete Column with JavaScript shorter way

Hi there can someone please help me with this, I have this code:

 $(document).on('click', 'button[id=delete_column]', function () {

    if (col_number > 1) {
      $('#column' + col_number).remove();
      $('#column' + col_number).remove();
      $('#column' + col_number).remove();
      $('#column' + col_number).remove();
      --col_number;
        }
     });

I need to delete the entire column and this ways it works how can I simplify this code not to repeat so many times, I tried something like this:

  $(document).on('click', 'button[id=delete_column]', function () {
      for (i = 0; i < 4; i++) {
        console.log(i);
    if (col_number > 1) {
      $('#column' + col_number[i]).remove();

    }
      --col_number;
        }
     });


});

But does not work..

Upvotes: 1

Views: 120

Answers (1)

Chandrakant Thakkar
Chandrakant Thakkar

Reputation: 978

Try Below Code :

$(document).on('click', 'button[id=delete_column]', function () {
    if (col_number > 1) {
    for (var i=0; i<col_number; i++) {
         $('#column' + i).remove();
    };
  }
});

Upvotes: 1

Related Questions