Javascript 如何在特定单元格或表格中添加多个输入';什么是td?

Javascript 如何在特定单元格或表格中添加多个输入';什么是td?,javascript,html,jquery,css,dom,Javascript,Html,Jquery,Css,Dom,我有一个表,我想在第一行的第三列中添加多个输入。 如果我单击AddPK1按钮,它不会被添加到特定的td中,即任何使用jQuery或Javascript的解决方案?必须在显示模式中添加输入:块模式而不是内联模式。 使用Jquery或javascript处理此问题的最简单方法是什么 $('.add-pkey1')。在('click','.partition1',function()上{ 变量t0=$('.partition1')。追加(''); $('#table id')。追加(t0); })

我有一个表,我想在第一行的第三列中添加多个输入。 如果我单击AddPK1按钮,它不会被添加到特定的td中,即
任何使用jQuery或Javascript的解决方案?必须在显示模式中添加输入:块模式而不是内联模式。 使用Jquery或javascript处理此问题的最简单方法是什么

$('.add-pkey1')。在('click','.partition1',function()上{
变量t0=$('.partition1')。追加('');
$('#table id')。追加(t0);
})
表格{
边界塌陷:塌陷;
边缘:1米;
}
泰德{
背景颜色:浅蓝色;
}
运输署,
th{
边框:纯灰1px;
填充:1em;
文本对齐:居中;
}

资料来源:
输入1
输入2
分区1
分区2

正如@Taplar早些时候所说的那样,添加pk1,你的代码有多个问题,所以我不会逐一讨论。但我要提到一些值得注意的问题

  • .on()
    接受一个事件、选择器、数据和处理程序,但在您的情况下,您只需要其中两个,因此它应该是
    .on('click',function(){})
    ,而不是当前版本
  • 为了将一个元素添加到第三列中,只需获取元素特定的类或id并将所需的元素附加到其中。但是您在那里做了什么将导致在表中追加另一个
    ,这意味着它将自动将新元素添加到新行,并将打破表的结构,因为有4列,您希望在第3列和第4列之间添加
  • partition1
    在HTML中不是唯一的类
    ,因此每当您尝试向其添加内容时,它都会添加到两个不同的位置
以下是您需要的修复程序:

$('.add-pkey1')。在('click',function()上{
$('.partition1.column3')。追加('');
})
表格{
边界塌陷:塌陷;
边缘:1米;
}
泰德{
背景颜色:浅蓝色;
}
运输署,
th{
边框:纯灰1px;
填充:1em;
文本对齐:居中;
}

资料来源:
输入1
输入2
分区1
分区2

添加pk1
Typo,前面的类选择器缺少其
,表示它们是类。仍然不工作@taplar然后请使用类修复更新您的问题,以显示您正在使用的内容currently@Taplar现在检查OK,让我们检查一下逻辑。您正在对add-pkey1按钮进行委托事件绑定,然后该按钮将捕获包含
partition1
类的任何子级的单击事件。这个按钮没有那个类的任何子类。所以这是行不通的。但是让我们忽略这个错误。让我们说它确实起了作用,它找到了一个孩子。然后选择具有
partition1
类的所有元素,这些元素是
th
td
元素。然后添加一个输入字段,将其同时放在标题和单元格中。似乎又是一个错误。忽略该错误…感谢您以最简单的方式详细解释!:)