如何在 html 中标注不带 id 的标签？

Question

我正在开发一个需要处理表并动态添加行的 React 应用程序。我用这个答案来实现这一点：https://stackoverflow.com/a/54455262/13037132。我正在尝试标记<input type="file" id={id} /> 以设置整体样式 在表格的每个单元格中。 input 元素中的id={id} 属性用于在单击Add Row 按钮时动态添加一行。

我找到了一些解决方案来设置这个输入的样式，但它需要标记它，需要一个 id 属性来链接。我该怎么做，因为 id 已经被占用了？有没有办法将此输入链接到标签而不使用 id 而使用其他东西？如果您想了解这方面的任何其他数据，请告诉我。

而且我也在寻找一种添加列的方法，就像我使用上述答案添加行一样。有人可以帮忙吗？

Answer 1

使用一个类而不是 id，因为具有相同值的多个 id 没有帮助，使用一个类并通过 $(this) 访问该输入：

$('.class_name').click(function(){
    $(this) // this will acquire the clicked/target input
})