Как удалить строку таблицы с помощью кнопки удаления, назначенной каждой строке?

var addBtn = document.getElementById("btn");
addBtn.onclick = addToTable;

function addToTable() {
  var webdevtable = document.getElementById("webdevtable");
  var webdevrow = webdevtable.insertRow(-1);
  var webdevcell1 = webdevrow.insertCell(0);
  var webdevcell2 = webdevrow.insertCell(1);

  var webdevRowNum = webdevtable.rows.length - 1;
  webdevcell1.innerHTML = webdevRowNum;
  webdevcell2.innerHTML = "<button id='deleteRow" + webdevRowNum + "'>Delete This Row</button>";

  var delbtnid = "deleteRow" + webdevRowNum;
  var delbtn = document.getElementById(delbtnid);

  delbtn.onclick = function() {
    webdevtable.deleteRow(webdevRowNum);
  }
}

<button id = "btn">Add row</button>

<table id = "webdevtable">
  <tr>
    <th>Row No.</th>
  </tr>
</table>