Question

希望每个人都做得很好。我有一个非常非常愚蠢的问题，谷歌搜索没有帮助。我想知道你们是否可以提供帮助。

这是我的问题：我只能修改css和jquery我使用jquery一直修改html但是我遇到了一个奇怪的问题。这是我的代码..所有这些都有效，除了这一部分。

$("#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;);

这是最后一行的问题......导航。

我只希望它有一条该死的线！但有三个

| | |

这是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

您需要查看文本节点，因为它没有包含在元素中。你可以找到它并用一个替换它。

$("#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>

使用jquery删除HTML文本

1 个答案: