設置文本擺脫了孩子 - jquery

Question

<li class="active">Votes - Most 
    <ul id="sortType" title="<%=votesHigh %>"> 
     <li style="cursor:pointer;" value="<%=votesHigh %>">Votes - Most</li> 
     <li style="cursor:pointer;" value="<%=votesLow %>">Votes - Least</li> 
    </ul> 
</li> 

現在，我想設置父文本<li>，當我選擇其他人之一。這可行，但也會刪除所有的孩子。

這裏是我的代碼：

$('li > ul > li').click(function(){ 
     var val = $(this).attr('value'); 
     $(this).parent().attr('title', val); 
     $(this).parent().parent().text($(this).text()); 
    }); 

Answer 1

封裝 「投票 - 大多數」 在跨度：

<li class="active"><span>Votes - Most</span> 
    <ul id="sortType" title="<%=votesHigh %>"> 
     <li style="cursor:pointer;" value="<%=votesHigh %>">Votes - Most</li> 
     <li style="cursor:pointer;" value="<%=votesLow %>">Votes - Least</li> 
    </ul> 
</li> 

...和目標跨度。例如：

$(this).parent().closest("li").find("span:first").text($(this).text());