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属性获取span之后的nextSibling，如下所示：

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

如果您要在一个范围中包装要删除的文字，并为该范围提供一个ID，则可以使用SELECT * FROM people a, students b, teachers c, library_access d WHERE a.human_id = b.human_id AND a.human_id = c.human_id AND a.human_id = d.human_id

将其删除像这样的HTML：

remove()

像这样的jQuery

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

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

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

删除范围和以下文字

2 个答案: