首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

怎样用Jquery 轮换标签

2013-09-12 
怎样用Jquery 替换标签//将标签替换掉function replaceHtml() {//找到要替换的标签,如果是第一个就替换成

怎样用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>'
}));

热点排行