0

我目前正在使用一个表格，现在想知道是否可以在第一个和最后一个单元格中添加带有预定义代码的列。

这是我当前的表格代码：

<div>
<table id="myTable" class="tablesorter">
<colgroup>
<col class="nam">
<col class="dastgah">
<col class="inform">
<col class="sherkat">
<col class="reviews">
<col class="genre">
<col class="dastgahedigar">
<col class="saal">
<col class="didam">
<col class="seriesid">
</colgroup>        

<thead>
<tr>
<th>Nam</th>
<th>Dastgah</th>
<th>Info</th>
<th>Sherkat</th>
<th>R</th>
<th>Type</th>
<th>Dastgahe Digar</th>
<th>Saal</th>
<th>Baazi<br>Kardam<br>Didam</th>
<th>Series<br>ID</th>
</tr>
</thead>

<tbody>


<tr class="">
<td><a>23 Matches</a></td>
<td><a>Bally Astrocade TAPE</a></td>
<td><a>Tape from the Bob Fabris Collection</a></td>
<td><a>Rich Tietjens</a></td>
<td><a></a></td>
<td><a></a></td>
<td><a></a></td>
<td><a>1980</a></td>
<td><a></a></td>
<td><a></a></td>
</tr>

我想在表的开头添加一列，在表的末尾添加一列，如下所示：

<tr class="">
<td><img src="test.png" width="130" height="180" align="middle" ></td>
<td><a>23 Matches</a></td>
<td><a>Bally Astrocade TAPE</a></td>
<td><a>Tape from the Bob Fabris Collection</a></td>
<td><a>Rich Tietjens</a></td>
<td><a></a></td>
<td><a></a></td>
<td><a></a></td>
<td><a>1980</a></td>
<td><a></a></td>
<td><a></a></td>
<td><video src="test.mp4"  height="181" width="199" controls></video></td>

</tr>

我想用预定义的代码添加第一列和最后一列，或者至少将第一个和最后一个单元格的代码复制到每一行。

目前我正在用记事本手动完成。我想添加这些行，然后再对它们进行处理，例如稍后将更改 img 源。我认为唯一的 JavaScript 是用于列出升序和降序列的 jQuery 脚本。

我部分找到了 jQuery 代码的解决方案：

$(document).ready(function(){
    $('table').find('tr').each(function(){
        $(this).find('td').eq(0).before('<td><img src="Dastgahaye_Nasle_3-Dateien/Aksha/C64/Cover/Cover_Nadare.png" width="130" height="180" align="middle"></td>');
    });
 });

有没有什么方法可以在创建列之后保存代码，这样每次加载页面时就不需要生成列？我尝试将其保存在 Firefox 中，但这样做会生成列，但会删除文件夹路径。

4

1 回答 1

0

有很多方法可以做到，但您必须使用编程或脚本语言来做到这一点。

您可以使用jQuery轻松实现，看看这个答案：在 jQuery 中添加表格行，或使用PHP（直接或使用类似codeigniter的框架）

编辑

要动态构建页面（更改您想要的任何内容），只需更改脚本或您从中获取它的源（mysql、ajax 调用等）。

Try and pick a jQuery plugin which will make your life easier, you can see a list of a couple of nice plugins here.

于 2012-12-23T15:37:36.470 回答