1. 爱易网页
  2. JavaSript
  3. 用jquery操作html，向<ul><li></li><li></li></ul>的第一li后面追加</ul><ul>的有关问题

用jquery操作html，向<ul><li></li><li></li></ul>的第一li后面追加</ul><ul>的有关问题

日期：2014-05-16　 浏览次数：20397 次

用jquery操作html，向<ul><li></li><li></li></ul>的第一li后面追加</ul><ul>的问题
<head runat="server">
    <title></title>
    <script src="js/jquery-1.6.2.js" type="text/javascript"></script>
    <style type="text/css">
        .subitem{ margin: 5px 0;width: 500px;float: left;border-right: #ddd 1px dotted; min-height:400px; }
        .subitem ul{ width: 490px; margin: 0 0 0 10px;  list-style: none; }
        .subitem li{ width: 240px; line-height: 14px;overflow: hidden;  }
    </style>
    <script type="text/javascript">
        function OK() {
            $("#my_sp").after("</ul><ul>");
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input type="button" onclick="OK()" value="点吧" />
        <div class="subitem">
            <ul>
                <li><a>烷烃及衍生物</a></li>
                <li><a>烷烃及衍生物</a></li>
                <li><a>烷烃及衍生物</a></li>
                <li id="my_sp">
                    <a>看我后面是否被&lt;/ul&gt;&lt;ul&gt;分割开</a>
                </li>
                  //注：我想在这个位置 追加 </ul><ul> ,这样前面的</ul>与上面的配对，后面的<ul>后下面的</ul>配对
                <li><a>烷烃及衍生物</a></li>
                <li><a>烷烃及衍生物</a></li>
                <li><a>烷烃及衍生物</a></li>
           </ul>
        </div>
    </div>
    </form>
</body>
问题是：浏览器好像自动将</ul><ul>解析配对，弄成了<ul></ul>,这样就反了，达不到效果?
我想之后变成这样：
           <ul>
                <li>

相关资料更多>

  1. js将字符串变换为数字
  2. 前台数据校验-validate.js
  3. js应验身份证号码的有效方法
  4. JavaScript三种方法模拟双色球抽奖——应用标记、使用Interval、使用Timeout
  5. JavaScript 学习札记十 练习任务系统
  6. Javascript中tabIndex属性的施用
  7. appendChild你如何了?
  8. JavaScript table 有关问题
  9. javascript正则表达式查验汇总