獲取與jQuery的唯一的直接元素值

Question

可以說，我有我的菜單如下：

$(document).ready(function() { 
 
    alert($('ul li').html()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<ul class="menu"> 
 
    <li><i class="font-icon"></i> Users 
 
     <ul> 
 
     <li>Overview</li> 
 
     </ul> 
 
    </li> 
 
</ul>

正如你可以當一回見我得到：

<i class="font-icon"></i> Users 
<ul> 
    <li>Overview</li> 
</ul> 

現在的問題是，我只對：<i class="font-icon"></i> Users感興趣。有沒有辦法只把它作爲回報而不是放在div或span？我已經試過.text()，但這隻給了我實際的文字Users（顯然）。

在此先感謝

Answer 1

我認爲這可能是解決方案：DEMO

$(document).ready(function() { 
    var i=$('ul li').html(); 
    var ul=$('ul li').find('ul')[0].outerHTML; 
    i=i.replace(ul,''); 
    alert(i); 
}); 

Answer 2

使用remove（）方法。它刪除了與選區匹配的子元素：

$(document).ready(function() { 
    var elem = $('ul li').html().remove('ul'); 
    alert(elem); 
});