将文本和超链接图像添加到表格单元格

Add text and hyperlink image to table cell

本文关键字:表格 单元格 添加 图像 文本 超链接      更新时间:2023-09-26

我正在尝试实现一个表,它有一个带文本的单元格和一个小加号按钮。单击加号按钮后,我希望显示与该条目对应的更多行。

如何以这种方式格式化单元格。

<td> text </td>

还应该有一个超链接的图像,或者可以调用onclick函数

我正在将此单元格附加到表中

 udate += "<td onClick=showRows('" + or +"')>"+ or + "</td>"

我希望这个单元格除了或变量文本之外也有一个图像

这里还不清楚你到底想要什么,但这应该会让你开始。这种方法是使用JQuery在单击按钮时动态添加一个表单元格。

<html>
<head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$( document ).ready(function() {
    $('#btnAdd').click(function() {
      $(this).parent('td').after('<td>test</td>');
    });
});
</script>
</head>
<body>
<table>
  <tr>
    <td>test<input type="button" id="btnAdd" value="Add"></td>
  </tr>
</table>
</body>
</html>