用JavaScript短方式删除列

嗨，有人能帮我吗，我有这个代码：

 $(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;
        }
     });

我需要删除整个列，这样它才能工作。我如何简化此代码以避免重复这么多次，我尝试了以下方法：

  $(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;
        }
     });


});

$（文档）。在（'click'，'button[id=delete_column]'上，函数（）{
对于（i=0；i<4；i++）{
控制台日志（i）；
如果（列数>1）{
$（“#列”+列编号[i]）。删除（）；
}
--col_数；
}
});
});

但不起作用。

请尝试以下代码：

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

$（文档）。在（'click'，'button[id=delete_column]'上，函数（）{
如果（列数>1）{
对于（var i=0；i是HTML。我认为它应该是
（“#column”+i）…
的可能重复项