如何在不影響我的跨度標簽的情況下刪除li標簽的值

Question

我要刪除li標簽（個人資料，事件，照片，通知）中的值，而又不影響span標簽，一旦我單擊菜單..請在這里需要幫助。.謝謝！

 <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> 

我的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。