Javascript JQuery |更改ul->；李->；A.

我有下面的html

    <ul class="links main-menu">
    <li class="menu-385 active-trail first active"><a class="active" title="" href="/caribootrunk/">HOME</a></li>
    <li class="menu-386 active"><a class="active" title="" href="/caribootrunk/">FIND LOCAL PRODUCTS</a></li>
    <li class="menu-387 active"><a class="active" title="" href="/caribootrunk/">DO BUSINESS LOCALLY</a></li>
    <li class="menu-388 active"><a class="active" title="" href="/caribootrunk/">LOCAL NEWS &amp; EVENTS</a></li>
    <li class="menu-389 active"><a class="active" title="" href="/caribootrunk/">BLOG</a></li>
    <li class="menu-390 last active"><a class="active" title="" href="/caribootrunk/">ABOUT US</a></li>
    </ul>

我不熟悉jquery。我想要的是我想要在一个范围内包装锚定标记（例如Home等）的内部html。我希望通过jquery在文档上准备好此功能。

您可以使用jquery获取所有内容（文本节点和子元素），然后使用包装将它们全部打包

jQuery的方法名非常冗长，您可以搜索您想要做的事情，并且它们有一个等效的方法

$（函数（）{
$（'.links a'）.wrapInner（''）；
/** 
*wrapInner：围绕
*匹配元素集中的每个元素。
*/
});

---

小提琴示例：

JSFiddle工作示例：

这是正确的方法：

​​$(document).ready(function() {
    $("ul.links a").wrapInner('<span>');   
});

​​$（文档）.就绪（函数（）{
$（“ul.a”）.wrapInner（“”）；
});

它转变

<li><a>BLOG</a></li>
<li><a>DO BUSINESS LOCALLY</a></li>

---

感谢您的回复。我已经试过了，但输出类似于

• .@F.Calderan。我错过了我用两节课的部分。谢谢你的提醒。在我看来这就像Wordpress，编辑菜单功能会更容易。

  $(function(){
      $('.links a').wrapInner('<span />');   
      /** 
       * wrapInner: Wrap an HTML structure around the content of 
       * each element in the set of matched elements.
       */
  });
  

  ​​$(document).ready(function() {
      $("ul.links a").wrapInner('<span>');   
  });
  

  <li><a>BLOG</a></li>
  <li><a>DO BUSINESS LOCALLY</a></li>
  

  <li><a><span>BLOG</span></a></li>
  <li><a><span>DO BUSINESS LOCALLY</span></a></li>