JS怎样让表格每个tr的第一个td按照1,2,3,4,5.....循环排序

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS怎样让表格每个tr的第一个td按照1,2,3,4,5.....循环排序相关的知识,希望对你有一定的参考价值。

比如:
<table>
<tr>
<td>1</td> <td>内容</td> <td>内容</td><td>内容</td><td>内容</td><td>内容</td>
</tr>
<tr>
<td>2</td> <td>内容</td> <td>内容</td><td>内容</td><td>内容</td><td>内容</td>
</tr>
<tr>
<td>3</td> <td>内容</td> <td>内容</td><td>内容</td><td>内容</td><td>内容</td>
</tr>
<tr>
<td>4</td> <td>内容</td> <td>内容</td><td>内容</td><td>内容</td><td>内容</td>
</tr>
.............循环.
</table
那请问php如何排序,这是织梦的模板文件:
dede:datalist
<?php
$row = $fields;
?>
<tr>
<td></td>
<td><?php echo $row['A'];?></td>
<td><?php echo $row['B'];?></td>
<td><?php echo $row['C'];?></td>
</tr>
/dede:datalist

PHP文件:

<?php
$sql = "SELECT * FROM #@__group WHERE groupid='$id' ORDER BY TIME desc";
$dl = new DataListCP();
$dl->pageSize = 30;
$dl->SetParameter('id', $id);
$dl->SetTemplate(GROUP_TPL.'/test.html');
$dl->SetSource($sql); //设定查询SQL
$dl->Display();

大概过程如下,你可以尝试一下,那些中文文字我就不补充了,自己调试一番,对你也有帮助;若有用,请采纳哈~~

<script>
function createTable()

with(document)

write("<table border='1'>");
for(var i=0;i<10;i++)

write("<tr><td>");
write(i);
write("</td></tr>");

write("</table>")


</script>
参考技术A 这个应该是后台脚本语言比如java、php、asp等遍历得来的。前台js不是不行,而是没什么意义。追问

麻烦再看下补充问题,是织梦PHP

追答

dedecms我没用过,你可以在写sql的时候把结果集的行号也取出来,然后就可以像其他字段一样在页面展示了。这个虽然可以通过js来实现,但那只能实现第一页。你这个是分页查询,所以还是有很多要注意的地方的。。。你应该到dedecms的相关群里问。

本回答被提问者采纳

JS怎样使用appendChild 给table 增加tr td

我想要在
<table>
<tr><td>a-01</td><td>a-02</td><td>a-03</td><td>a-04</td></tr>
<tr><td>b-01</td><td>b-02</td><td>b-03</td><td>b-04</td></tr>
</table>
这个table 里增加一个
<tr><td>c-01</td><td>c-02</td><td>c-03</td><td>c-04</td></tr>
这样的tr td 可是要在
<tr><td>a-01</td><td>a-02</td><td>a-03</td><td>a-04</td></tr>
他的上面 而不是
<tr><td>b-01</td><td>b-02</td><td>b-03</td><td>b-04</td></tr>
他的下面
用js 的appendChild 怎么写代码?
知道的人 告诉一下 谢谢~

insertRow()函数可以带参数,形式如下: 这个函数将新行添加到index的那一行前,比如insertRow(0),是将新行添加到第一行之前,默认的insertRow()函数相当于insertRow(-1),将新行添加到表的最后。

<scriptlanguage="JavaScript">

vart=document.getElementById("test");

t.innerHTML="<tr><td>数据</td></tr>";

//或者

vart=document.getElementById("test");

vartr=document.createElement("tr");

vartd=doucment.createElement("td");

td.innerHTML="数据";

tr.appendChild(td);

t.appendChild(tr);

</script>

扩展资料:

给table添加一行

1、$("#addTable").click(function(){;

2、vartr="<tr>"+;

3、"<td>11</td>"+;

4、"<td>22</td>"+;

5、"<td>33</td>"+;

6、"<td>44</td>"+;

7、"<td>55</td>"+;

8、"</tr>";

9、$(".layui-table").append(tr);

参考技术A

<scriptlanguage="JavaScript">

vart=document.getElementById("test");

t.innerHTML="<tr><td>数据</td></tr>";

//或者

vart=document.getElementById("test");

vartr=document.createElement("tr");

vartd=doucment.createElement("td");

td.innerHTML="数据";

tr.appendChild(td);

t.appendChild(tr);

</script>

扩展资料

给table添加一行

1、$("#addTable").click(function();

2、vartr="<tr>"+;

3、"<td>11</td>"+;

4、"<td>22</td>"+;

5、"<td>33</td>"+;

6、"<td>44</td>"+;

7、"<td>55</td>"+;

8、"</tr>";

9、$(".layui-table").append(tr);

10、);

参考技术B

设置table的class为test。

JS代码如下:

var t=document.getElementsByClassName("test")[0];  

var tr=document.createElement("tr");  

var td1=document.createElement("td");  

var td2=document.createElement("td");  

var td3=document.createElement("td");  

td1.innerHTML="c-01";  

td2.innerHTML="c-02";  

td3.innerHTML="c-03";  

tr.appendChild(td1);  

tr.appendChild(td2);  

tr.appendChild(td3);  

t.prepend(tr);  

扩展资料:

js中常用追加元素的方法:

1、append():在父级最后追加一个子元素 。

$(".append").click(function()  

$("#wrap").append("<p class='three'>我是子元素append</p>");  

);  

2、appendTo():将子元素追加到父级的最后。

$(".appendTo").click(function()  

$("<p class='three'>我是子元素appendTo</p>").appendTo($("#wrap"));  

);  

3、prepend():在父级最前面追加一个子元素。

$(".prepend").click(function()  

$("#wrap").prepend("<p class='three'>我是子元素prepend</p>");  

);

参考技术C

1、JS方法

<script language="JavaScript">
  var t=document.getElementById("test") ;  
    t.innerHTML="<tr><td>数据</td></tr>";  
//或者  
    var t=document.getElementById("test") ;  
  
    var tr=document.createElement("tr");  
    var td=doucment.createElement("td");  
    td.innerHTML="数据";  
    tr.appendChild(td);  
    t.appendChild(tr);  

</script>

2、jQuery添加html元素

$("#tbID").append("<tr><td class='labelTd'>文件名</td><td>对应合同</td><tr>");//$("#tbID")获取到要插入的table的对象,也可以是其他添加其他html元素

参考技术D 建议你用jQuery,可以随意的插入代码。实现你说的功能的代码如下
$("table tr:eq(0)").after("<tr><td>c-01</td><td>c-02</td><td>c-03</td><td>c-04</td></tr>");本回答被提问者采纳

以上是关于JS怎样让表格每个tr的第一个td按照1,2,3,4,5.....循环排序的主要内容,如果未能解决你的问题,请参考以下文章

JSP 后台可以传回数字,怎样让前台表格显示数字对应的文字?

怎样合并Repeater控件同一列中内容相同的单元格

页面上有个<table>表格,如何用JS中的循环分别取得各个td中的数据

js动态生成表格

jQuery怎么获取某表格中的一列td的值?

html5中怎样把表格和表单合并