读书人

怎样用Jquery 轮换标签

发布时间: 2013-09-12 22:07:04 作者: rapoo

怎样用Jquery 替换标签
//将标签替换掉
function replaceHtml() {
//找到要替换的标签,如果是第一个就替换成<a>
//如果既不是第一个也不是最后一个,就加</a><a>
//如果是最后一个就替换成</a>

var kdfkglengt = $("a[id*=X]").length;
$("a[id*=X]").each(function(i) {
if (i == 0) {
$(this).replaceWith("<div style='display:block; color:Gray;' id='X"+i+"'>"+i+"");
}
if (i != 0 && i != kdfkglengt - 1) {
$(this).replaceWith("</div><div style='display:block; color:Gray;' id='X"+i+"'>" + i);
}
if (i == kdfkglengt) {
$(this).replaceWith("</div>");
}
});
}




<div>

<a id="X0" href="###"></a>
<table>
<tr>
<td>
第一个
</td>
<td>


第一个
</td>
<td>
第一个
</td>
</tr>
<tr>
<td>
第一个
</td>
<td>
第一个
</td>
<td>
第一个
</td>
</tr>
<tr>
<td>
第一个
</td>
<td>
第一个
</td>
<td>
第一个
</td>


</tr>
<tr>
<td>
第一个
</td>
<td>
第一个
</td>
<td>
第一个
</td>
</tr>
<tr>
<td>
第一个
</td>
<td>
第一个
</td>
<td>
第一个
</td>
</tr>
</table>
<a id="X1" href="###"></a>
<!--如果有这个则上边的部分是第一页-->
<table>
<tr>
<td>


第2个
</td>
<td>
第一个
</td>
<td>
第一个
</td>
</tr>
<tr>
<td>
第一个
</td>
<td>
第一个
</td>
<td>
第一个
</td>
</tr>
<tr>
<td>
第一个
</td>
<td>
第一个
</td>


<td>
第一个
</td>
</tr>
<tr>
<td>
第一个
</td>
<td>
第一个
</td>
<td>
第一个
</td>
</tr>
<tr>
<td>
第一个
</td>
<td>
第一个
</td>
<td>
第一个
</td>
</tr>
</table>
<a id="X2" href="###"></a>


<!--如果有这个则上边部分是第二页-->

<table>
<tr>
<td>
第3个
</td>
<td>
第一个
</td>
<td>
第一个
</td>
</tr>
<tr>
<td>
第一个
</td>
<td>
第一个
</td>
<td>
第一个
</td>
</tr>
<tr>
<td>
第一个
</td>


<td>
第一个
</td>
<td>
第一个
</td>
</tr>
<tr>
<td>
第一个
</td>
<td>
第一个
</td>
<td>
第一个
</td>
</tr>
<tr>
<td>
第一个
</td>
<td>
第一个
</td>
<td>
第一个


</td>
</tr>
</table>
<a id="X3" href="###"></a>

<!--如果有这个则上边部分是第三页-->
<table>
<tr>
<td>
第4个
</td>
<td>
第一个
</td>
<td>
第一个
</td>
</tr>
<tr>
<td>
第一个
</td>
<td>
第一个
</td>
<td>
第一个
</td>
</tr>
<tr>


<td>
第一个
</td>
<td>
第一个
</td>
<td>
第一个
</td>
</tr>
<tr>
<td>
第一个
</td>
<td>
第一个
</td>
<td>
第一个
</td>
</tr>
<tr>
<td>
第一个
</td>
<td>
第一个


</td>
<td>
第一个
</td>
</tr>
</table>
<a id="X4" href="###"></a>
<!--如果有这个则上边部分是第三页-->
<table>
<tr>
<td>
第5个
</td>
<td>
第一个
</td>
<td>
第一个
</td>
</tr>
<tr>
<td>
第一个
</td>
<td>
第一个
</td>
<td>
第一个


</td>
</tr>
<tr>
<td>
第一个
</td>
<td>
第一个
</td>
<td>
第一个
</td>
</tr>
<tr>
<td>
第一个
</td>
<td>
第一个
</td>
<td>
第一个
</td>
</tr>
<tr>
<td>
第一个
</td>


<td>
第一个
</td>
<td>
第一个
</td>
</tr>
</table>
<a id="X5" href="###"></a>
<!--如果有这个则上边部分是第三页-->
<table>
<tr>
<td>
第6个
</td>
<td>
第一个
</td>
<td>
第一个
</td>
</tr>
<tr>
<td>
第一个
</td>
<td>
第一个
</td>


<td>
第一个
</td>
</tr>
<tr>
<td>
第一个
</td>
<td>
第一个
</td>
<td>
第一个
</td>
</tr>
<tr>
<td>
第一个
</td>
<td>
第一个
</td>
<td>
第一个
</td>
</tr>
<tr>
<td>


第一个
</td>
<td>
第一个
</td>
<td>
第一个
</td>
</tr>
</table>
<a id="X6" href="###"></a>
</div>


怎样将第一个<a id="X0" href="###"></a>替换成这个标签<div>
<a id="X6" href="###"></a>替换成这个标签</div>
其他的<a id="X"> 替换成</div><div>

jquery?
[解决办法]
先取出HTML,用正替换一下,再填回去
[解决办法]

引用:
Quote: 引用:

先取出HTML,用正替换一下,再填回去

这个真不知道咋弄了 有没有样例

为方便设外层DIV 加 ID="div1"

$('#div1').html(html.replace(/<a\s+id="x(\d+)".+<\/a>/ig,function(_,i){
return {0:'<div>',6:'</div>' }[i]
[解决办法]
'<div></div>'
}));

读书人网 >JavaScript

热点推荐