Javascript 拒绝拖放到tabel的第一个子单元格

我想拒绝用户将蓝色字段放入第一列

我找到了一个样本，并重新设计了一点，以明确我想做什么

$（文档）.ready（函数（）{
$（'.event'）。打开（“dragstart”，函数（事件）{
var dt=event.originalEvent.dataTransfer；
dt.setData（'Text'，$（this.attr（'id'））；
});
$（'table td'）。打开（“dragenter dragover drop”，函数（事件）{
event.preventDefault（）；
如果（event.type=='drop'）{
var data=event.originalEvent.dataTransfer.getData（'Text'，$（this.attr（'id'））；
de=$（'#'+数据）.detach（）；
de.appendTo（$（本））；
};
});
})

表th，
表td{
高度：30px；
宽度：200px；
}
工作台跨度{
显示：块；
背景色：#09C；
高度：30px；
宽度：100%；
}

拒绝删除此列
使用
可用
名字
名字
姓氏
街头
年龄
国家
昵称
电话
姓氏
街头
Zipcode
城市

将此选择器设置为

$（'table tr td:not（：first child））

$（文档）.ready（函数（）{
$（'.event'）。打开（“dragstart”，函数（事件）{
var dt=event.originalEvent.dataTransfer；
dt.setData（'Text'，$（this.attr（'id'））；
});
$（'table tr td:not（：first child）'）。打开（“dragenter dragover drop”，函数（事件）{
event.preventDefault（）；
如果（event.type=='drop'）{
var data=event.originalEvent.dataTransfer.getData（'Text'，$（this.attr（'id'））；
de=$（'#'+数据）.detach（）；
de.appendTo（$（本））；
};
});
})

表th，
表td{
高度：30px；
宽度：200px；
}
工作台跨度{
显示：块；
背景色：#09C；
高度：30px；
宽度：100%；
}

使用
可用
名字
名字
姓氏
街头
年龄
国家
昵称
电话
姓氏
街头
Zipcode
城市

您可以检查td第一个孩子是否：

$（文档）.ready（函数（）{
$（'.event'）。打开（“dragstart”，函数（事件）{
var dt=event.originalEvent.dataTransfer；
dt.setData（'Text'，$（this.attr（'id'））；
});
$（'table td'）。打开（“dragenter dragover drop”，函数（事件）{
event.preventDefault（）；
if（event.type==='drop'&&&&！$（this）.is（“td:first child”））{
var data=event.originalEvent.dataTransfer.getData（'Text'，$（this.attr（'id'））；
de=$（'#'+数据）.detach（）；
de.appendTo（$（本））；
};
});
})

表th，
表td{
高度：30px；
宽度：200px；
}
工作台跨度{
显示：块；
背景色：#09C；
高度：30px；
宽度：100%；
}

使用
可用
名字
名字
姓氏
街头
年龄
国家
昵称
电话
姓氏
街头
Zipcode
城市

omg。。。。我已经试过了。。。而且不起作用。。。。但是我错过了第一个孩子之前的

：

，所以我的尝试是

$（'table tr td:not（first child）

），而不是

$（'table tr td:not（first child）'）

grrrrrr。有时它只是一个小点：当然你的回答是对的，这就是为什么我投票支持它。斯格拉兹科夫是第一个，所以我会接受他的。他也有我尝试过的解决方案，但我的解决方案是一个打字错误。所以无论如何，thx