Javascript 如何选择和删除具有多个td'；s

所以它所做的就是创建一个待办事项列表。在第一个输入字段中添加并选择一个类别，然后在第二个输入字段中创建一个包含4个tds的TR，其中包含列表编号、日期、所选类别和所选第二个用户输入等信息。通过我的代码，我可以选择和删除类别，但我很难确定如何将多个TD作为TR的目标

HTML

奥普拉维拉
多达伊
兹布里什尼

Vaje
Treningi
项目

多达伊
#
奥皮斯
卡特戈里亚
基准vnosa
布里西
OSS Vaja 5-引导中的jQuery

JS

var计数器=0；
$（文档）。在（'单击'，'上。列出组项'，函数（）{
$（“.列表组项”）
.css（{“字体重量”：“正常”，“文本装饰”：“无”）
.removeClass（“selectedItem”）；
$（本）
.css（{“字体重量”：“粗体”，“文本装饰”：“下划线”}）
.addClass（“selectedItem”）；
});
$（函数（）{
$（“#添加”）。单击（函数（）{
var addItem=$（“#dodaj”）.val（）；
如果（addItem.length>0）{
$（“ul”）.append（$（'
））.text（addItem））；
$（“#dodaj”）.val（“”）；
}
});
$（“#删除”）。单击（函数（）{
$（“.selectedItem”）.remove（）；
});
$（“#Removeino”）。单击（函数（）{
$（“.selectedItem”）.remove（）；
});
});
函数AddTo（）{
var currentdate=新日期（）；
var datetime=currentdate.getDate（）+“/”
+（currentdate.getMonth（）+1）+“/”
+currentdate.getFullYear（）+“@”
+currentdate.getHours（）+“：”
+currentdate.getMinutes（）+“：”
+currentdate.getSeconds（）；
计数器++；
var td1=计数器；
var td2=document.getElementById（'opravila'）.value；
var td3=document.getElementsByClassName（“selectedItem”）[0]。innerText；
var td4=日期时间；
$（“tbody”）.append（“+”）；
$（“tr”）.last（）.append（“+td1+”基于我找到的代码。remove（），因此，如果您试图删除的是预期的“TD”，并且您想要相关的tr，则可以尝试“parent（）.remove（）”，它将完全删除“tr”。
示例Js：

  $("#remove").click(function() {
  $(".selectedItem").parent().remove();
  });
  $("#removerino").click(function() {
   $(".selectedItem").parent().remove();
    });

你能评论一下你引用的代码吗？你给了我们很多信息，但不清楚你对哪一部分有意见，请查看此链接
var counter = 0;


$(document).on('click', '.list-group-item', function(){ 
  $('.list-group-item')
    .css({ "font-weight": 'normal', "text-decoration": 'none'})
    .removeClass("selectedItem");

  $(this)
    .css({"font-weight": 'bold', "text-decoration": 'underline'})
    .addClass("selectedItem");
});

$(function(){
  $("#add").click(function(){
    var addItem = $("#dodaj").val();
    if(addItem.length > 0) {  
      $("ul").append($('<li class="list-group-item"></li>)').text(addItem));
      $("#dodaj").val("");
    }
  });

  $("#remove").click(function() {
    $(".selectedItem").remove();
  });
  $("#removerino").click(function() {
    $(".selectedItem").remove();
  });
});










function AddTo(){
  var currentdate = new Date(); 
    var datetime = currentdate.getDate() + "/"
                + (currentdate.getMonth()+1)  + "/" 
                + currentdate.getFullYear() + " @ "  
                + currentdate.getHours() + ":"  
                + currentdate.getMinutes() + ":" 
                + currentdate.getSeconds();

counter++;
var td1 = counter;
var td2 = document.getElementById('opravila').value;
var td3 = document.getElementsByClassName("selectedItem")[0].innerText;
var td4 = datetime;

$("tbody").append("<tr>" + "</tr>");
  $("tr").last().append("<td>" +td1+  "</td");
    $("td").last().append("<td>" +td2+"</td");
      $("td").last().append("<td>" +td3+"</td");
        $("td").last().append("<td>" +td4+"</td");
          $("tr").last().attr("<td>" +td1+  "</td");





}

  $("#remove").click(function() {
  $(".selectedItem").parent().remove();
  });
  $("#removerino").click(function() {
   $(".selectedItem").parent().remove();
    });