Удаление HTML-текста с помощью jquery

Question

Надеюсь, что все в порядке. У меня действительно действительно действительно глупая проблема, и googling не помог. Мне было интересно, могли бы вы, ребята, помочь.

Вот моя проблема: я могу изменять только css и jquery. Я использую jquery, чтобы постоянно изменять html, но im работает в странной проблеме. вот мой код .. все это работает, кроме этой части.

$("#Menu_List") 
    .prepend('<i class="fa fa-file-o fa-fw"></i>'); 
$("#Menu_New") 
    .prepend('<i class="fa fa-plus-square-o fa-fw"></i>'); 
$("#Menu_Wiki") 
    .prepend('<i class="fa fa-bars fa-fw"></i>'); 
$("#Menu_Discuss") 
    .prepend('<i class="fa fa-comments-o fa-fw"></i>'); 
$("#navTopContainer") 
    .insertAfter("#belowBanner"); 
//THE LAST FUNCTION MOVES THE USER OPTION TO THE BOTTOM OF HEADER 
$('img.down-arrow-blue').replaceWith('<i class="fa fa-caret-down fa-fw" style="font-size: 17px;"></i>'); 

$("#Menu_Help").remove(); 
$("#Menu_Extras").remove(); 
$("navTop").remove(&nbsp;|&nbsp;); 

вот проблема последняя линия .... navtop.

Я только хочу, чтобы у него была одна чертова линия! но есть три

  |     |     |  

вот HTML, если это помогает .. я не могу понять его

<div id="navTop"> 
<nobr><span id="username">Partner Test <span class="noDisplay" id= 
"usertype">(Community)</span></span>&nbsp;<a class="navlink" href= 
"default.asp?pg=pgSettings" id="Menu_Settings" onclick= 
"return theMgr.showPopup('settingsPopup',this,0,this.offsetHeight + 4,null,true) || KeyManager.browseMenus('navTop') || KeyManager.oMenuBrowser.setElCurrent(this) || KeyManager.browsePopup('settingsPopup');" 
title="Update settings and user preferences"><span class="dotted">My 
Settings</span><img border="0" class="small-down-arrow-black" src= 
"images/clear.gif"></a>&nbsp;|&nbsp;&nbsp;|&nbsp;&nbsp;|&nbsp;<a class= 
"navlink" href="default.asp?pre=preLogOff" id="Menu_LogInOut" title= 
""><span class="underline">Log Off</span></a></nobr> 

Answer 1

Вы должны смотреть на textnodes, поскольку она не обернута в элемент. Чем вы можете найти его и заменить его одним.

$("#navTop nobr").contents().each(
 
    function() { 
 
    if (this.nodeType===3 && this.nodeValue.indexOf("|") > -1){ 
 
     this.nodeValue = " | "; 
 
    } 
 
    } 
 
)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="navTop"> 
 
<nobr><span id="username">Partner Test <span class="noDisplay" id= 
 
"usertype">(Community)</span></span>&nbsp;<a class="navlink" href= 
 
"default.asp?pg=pgSettings" id="Menu_Settings" onclick= 
 
"return theMgr.showPopup('settingsPopup',this,0,this.offsetHeight + 4,null,true) || KeyManager.browseMenus('navTop') || KeyManager.oMenuBrowser.setElCurrent(this) || KeyManager.browsePopup('settingsPopup');" 
 
title="Update settings and user preferences"><span class="dotted">My 
 
Settings</span><img border="0" class="small-down-arrow-black" src= 
 
"images/clear.gif"></a>&nbsp;|&nbsp;&nbsp;|&nbsp;&nbsp;|&nbsp;<a class= 
 
"navlink" href="default.asp?pre=preLogOff" id="Menu_LogInOut" title= 
 
""><span class="underline">Log Off</span></a></nobr>