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

时间:2015-06-23 09:26:53

标签: javascript html css

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

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

<td> text </td>

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

我将此单元格附加到表格

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

除了文本或变量文本

之外,我希望这个单元格还有一个图像

1 个答案:

答案 0 :(得分: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>