Javascript 添加指向现有菜单的链接-无法更改HTML

Javascript 添加指向现有菜单的链接-无法更改HTML,javascript,jquery,Javascript,Jquery,有没有一种方法可以向现有菜单添加一个额外的链接,我无法更改菜单的HTML,但我有权向站点添加javascript/jquery 这是菜单的当前HTML <div id="hsubmenu"> <ul id="hsubmenuitems"> <li><a href="http://www12.myfantasyleague.com/2014/home/31744">Home</a></li> <li>&

有没有一种方法可以向现有菜单添加一个额外的链接,我无法更改菜单的HTML,但我有权向站点添加javascript/jquery

这是菜单的当前HTML

<div id="hsubmenu">
  <ul id="hsubmenuitems">
  <li><a href="http://www12.myfantasyleague.com/2014/home/31744">Home</a></li>
  <li><a href="http://www12.myfantasyleague.com/2014/live_scoring_summary?L=31744">Live Scoring</a></li>
  <li><a href="http://football12.myfantasyleague.com/2014/standings?L=31744">Standings</a></li>
  <li><a href="http://football12.myfantasyleague.com/2014/options?L=31744&amp;O=101">Power Rank</a></li>
  <li><a href="http://football12.myfantasyleague.com/2014/options?L=31744&amp;O=15">Schedules</a></li>
  <li><a href="http://football12.myfantasyleague.com/2014/options?L=31744&amp;O=29">Message Board</a></li>
  <li><a href="http://football12.myfantasyleague.com/2014/options?L=31744&amp;O=79">Playoffs</a></li>
  <li><a href="http://football12.myfantasyleague.com/2014/options?L=31744&amp;O=08">Players Stats</a></li>
  <li><a href="http://football12.myfantasyleague.com/2014/options?L=31744&amp;O=156">League History</a></li>
  <li><a href="http://football12.myfantasyleague.com/2014/options?L=31744&amp;O=03">Transactions</a></li>
  </ul>
</div>

我想在末尾再加一个菜单项

<li><a href="http://football12.myfantasyleague.com/2014/options?L=31744&amp;O=07">Rosters</a></li>
  • 是的,你可以这样做

    var li = $('<li>') //Create new li item
    
    li.append('<a href="http://football12.myfantasyleague.com/2014/options?L=31744&amp;O=07">Rosters</a>') //Add href
    
    $("#hsubmenuitems").append(li); //Add this li item with href to "hsubmenuitems"
    
    var li=$(“
  • ”)//创建新的li项 li.append(“”)//添加href $(“#hsubmenuitems”)。追加(li)//使用href将此li项目添加到“hsubmenuitems”
  • 是的,你可以这样做

    var li = $('<li>') //Create new li item
    
    li.append('<a href="http://football12.myfantasyleague.com/2014/options?L=31744&amp;O=07">Rosters</a>') //Add href
    
    $("#hsubmenuitems").append(li); //Add this li item with href to "hsubmenuitems"
    
    var li=$(“
  • ”)//创建新的li项 li.append(“”)//添加href $(“#hsubmenuitems”)。追加(li)//使用href将此li项目添加到“hsubmenuitems”
  • $().ready(函数()){
    $(“
  • ”)。附录(“#hsubmenuitems”); });

    $().ready(函数()){
    $(“
  • ”)。附录(“#hsubmenuitems”); });

    您可以编辑元素的innerHTML以附加新项目

    var listElement = document.getElementById('hsubmenuitems');
    
    listElement.innerHTML += '<li><a href="http://football12.myfantasyleague.com/2014/options?L=31744&amp;O=07">Rosters</a></li>';
    
    var liselement=document.getElementById('hsubmenuitems');
    liselement.innerHTML+='
  • ';
    使用jQuery时,语法稍微短一点

    $("#hsubmenuitems").append('<li><a href="http://football12.myfantasyleague.com/2014/options?L=31744&amp;O=07">Rosters</a></li>');
    
    $(“#hsubmenuitems”).append(“
  • ”);
    您可以编辑元素的innerHTML以附加新项目

    var listElement = document.getElementById('hsubmenuitems');
    
    listElement.innerHTML += '<li><a href="http://football12.myfantasyleague.com/2014/options?L=31744&amp;O=07">Rosters</a></li>';
    
    var liselement=document.getElementById('hsubmenuitems');
    liselement.innerHTML+='
  • ';
    使用jQuery时,语法稍微短一点

    $("#hsubmenuitems").append('<li><a href="http://football12.myfantasyleague.com/2014/options?L=31744&amp;O=07">Rosters</a></li>');
    
    $(“#hsubmenuitems”).append(“
  • ”);
    是的,有,到目前为止你试过什么?是的,有,到目前为止你试过什么?