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>");
);
参考技术C1、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 后台可以传回数字,怎样让前台表格显示数字对应的文字?