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

【问题标题】：Add text and hyperlink image to table cell将文本和超链接图像添加到表格单元格
【发布时间】：2015-06-23 20:13:02
【问题描述】：

我正在尝试实现一个表格，其中包含一个带有文本的单元格和一个小加号按钮。单击加号按钮时，我想显示与该条目对应的更多行。

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

<td> text </td>

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

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

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

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

【问题讨论】：

你自己有没有尝试过？
你需要一个最小的例子。这将需要一些 javascript 编程才能工作......

标签： javascript html css

【解决方案1】：

目前尚不清楚您在这里追求的是什么，但这应该可以帮助您入门。这种方法是使用 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>

【讨论】：