删除范围和以下文本

Question

我想使用jQuery删除span#visitor_count加上在span#visitor_list之前的文本。

我有下面的代码来删除span，但我如何删除后面的文本？我需要删除leaguemates on-line:，其中填入所有在线的成员名称。

$("#league_chat span#visitor_count").remove(); 

下面是HTML：

<form action="" name="chat"> 
    <input type="text" name="chat" id="chat_text_field" size="30" maxlength="200"> 
    <input type="button" onclick="postChatMessage();" value="Post"> 
    <a href="javascript:toggle_chat_audio();"></a>&nbsp;<a href="javascript:document.chat.chat.value=':clear:'; postChatMessage();"></a>&nbsp; 
    <a href="http://football25.myfantasyleague.com/2016/options?L=59810&amp;O=222" target="_blank"></a><br> 
    <span id="visitor_count">0</span> leaguemates on-line: 
    <span id="visitor_list"></span><br> Send Message To: 
    <select size="1" name="TO_FID" pmbx_context="3372F894-FBD9-49AC-86EF-D9BED91B61D3"> 
     <option value="">Everyone</option> 
     <option value="0000">Commissioner</option> 
     <option value="0001">TEST FRANCHISE 1</option> 
    </select> 
</form> 

Answer 1

要做到这一点，你需要得到textNode使用nextSibling财产继span，像这样：

var $visitorCount = $("#league_chat span#visitor_count"); 
$($visitorCount[0].nextSibling).remove(); // remove 'leaguemates on-line: ' 
$visitorCount.remove(); // remove the original span 

Working example

Answer 2

如果你包装p要在跨度去除，并给予跨度的ID文本，你可以用remove()

HTML这样的删除：

<span id="visitor_count">0</span> <span id="online-leaguemates">leaguemates on-line: </span> 

的jQuery这样

$("#online-leaguemates").remove(); 

如果你想删除两个，你可以写

$("#online-leaguemates, #visitor_count").remove();