Javascript 如何使用jquery删除通道名称中的数据？

如何删除onclick'后将显示的数据✖' 使用jquery或javascript在拖放后进行标记。 下面是工作js小提琴的链接

---

只需在javascript中添加新函数即可

$(function() {

    $(".track").draggable({
      containment:"document",
      appendTo:document.body,
      connectToSortable:"#playlist tbody",
      revert: true,
      revertDuration: 0,
      cursor: "move", 
      helper: "clone",
      cursorAt: { top: 17, left: 80 },
      start: function(event, ui) {
      },
      drag: function(event, ui) {

      }
    });

    $("#playlist tbody").droppable({
      hoverClass: "ui-active",
      accept:".track",
      drop: function( event, ui ) {
        if($("#playlist tbody .nothing")) $("#playlist tbody .nothing").remove();//.style.display="none";
      }
    }).sortable({
      appendTo: document.body,
      cursor: "move", 
      helper: "clone",
      cursorAt: { top: 17, left: 80 },
    });
    $('.remove-td').click(function () {
    $(this).parent().parent().remove();
});
  });

删除下面的代码

function removeRow(obj){       
   $(obj).parent().parent().remove();
    //or
   $(obj).closest(".track").remove();
}

将removeRow函数调用添加到all X

$('.remove-td').click(function () {
    $(this).parent().parent().remove();
});

轨道1✖

您正在动态使用元素。因此，必须以不同的方式定义click函数

<tr class="track"><td>Track 1<button onclick="removeRow(this)" class="remove-td" style="float:right;">✖</button></td></tr>

---

您需要使用事件委托方法将事件处理程序附加到元素

$(document).on('click', '.remove-td', function () {
  $(this).parent().parent().remove();
});

不要使用

$（this）.parent（）.parent（）.remove（）

，因为它将删除

，并且您将无法再进入频道名称列

---

我花了一段时间才明白你在问什么。你可能想更详细一点，让你的问题更清楚。这将提高您获得有用答案的机会。您是否可以使用与“显示”列相同的

.remove（）

？还有一件事是，我不想将相同的项目拖放到频道名称中。。当项目添加到频道名称列表中时，我会将其从节目列表中删除否，因为我将有多个列（如频道名称1、频道名称2、频道名称3…）需要拖放，所以我不能这样做。谢谢。。。它起作用了。。。。还有一件事是，我不想将相同的项目拖放到频道名称中。。他们有办法吗？我想是的。您可以使用

accept:

函数来实现它。也许有用。使用

receive:

和

accept:

功能如何在左侧禁用删除。。。i、 显示专栏是他们的任何方式，请检查更新小提琴。我刚刚添加了css来隐藏左侧的x按钮。我没有在其中添加removerow代码。不，不。。。。。。。我有两个栏目，“节目”和“频道名称”，我不能删除“节目”栏目中的项目。请检查小提琴，让我知道我是否正确

$('#wrapPls').on('click', '.remove-td', function () {
    $(this).parent().remove();
});