Question

我想删除我的li标签内的值（个人资料，事件，照片，通知），一旦我点击菜单，就不会影响span标签..请帮助一下......谢谢!! < / p>

＆＃13;

<nav class="nav navi-tag">
            <ul class="font">
                <a><li data-button = "btn-navbar" id = "btn1"><span class = "glyphicon glyphicon-list"></span>Profile</li></a>
                <a><li data-button = "btn-navbar" id = "btn2"><span class = "glyphicon glyphicon-user"></span>Events</li></a>
                <a><li data-button = "btn-navbar" id = "btn3"><span class = "glyphicon glyphicon-picture"></span>Photos</li></a>
                <a><li data-button = "btn-navbar" id = "btn4"><span class = "glyphicon glyphicon-envelope"></span>Notification</li></a>
            </ul>
            <div class = "font handle">Menu</div>
        </nav>

＆＃13;

我的JS

 $('.handle').click(function() {
          $nav.each(function() {
          ss = $(this).text();
          xx = $('nav ul a li').html().replace(ss, "");
          alert(xx);
          });

Answer 1

这是你想要的JSFiddle：https://jsfiddle.net/3qypL8gb/

我删除了您的<a>代码，因为正如有人在评论中说的那样，他们不能成为<ul>的直接孩子而且您无论如何也无法与他们做任何事情。

我利用了您要删除的字词是<li>中的最后一个文字。我存储了html的长度，然后存储了文本的长度，并创建了html.length - text.length的子字符串。

然后我用新的子字符串替换了<li> html。

如何在不影响我的span标记的情况下删除li标签的值

1 个答案: