2011-06-13 197 views
9
的底部

有人能借給我一隻手jQuery的追加到列表

我有這樣的無序列表

<ul id="nav"> 
<li><a href="whatwedo.aspx">WHAT WE DO</a> 
<ul> 
    <li><a href="development.aspx">Development</a></li> 
    <li><a href="marketassessment.aspx">MARKET ASSESSMENT AND CONCEPT DEVELOPMENT</a></li> 
    <li><a href="planning.aspx">DEVELOPMENT PLANNING AND OVERSIGHT</a></li> 
    <li><a href="preopening.aspx">PRE-OPENING OPERATIONAL SERVICES</a></li> 
    <li><a href="operations.aspx">OPERATIONAL MANAGEMENT SERVICES</a></li> 
    <li><a href="turnaround.aspx">TURNAROUND SERVICES</a></li> 
    <li><a href="news.aspx">NEWS</a></li> 
</ul> 
</li> 
<li><a href="ourparks.aspx">OUR PARKS</a></li> 
<li><a href="contact.aspx">CONTACT US</a></li> </ul> 

而且我想一個新的列表添加到列表的底部。

<li class="last_link"><a href="https://projects.parc-services.com" target="blank">Login</a></li> 

我會做這樣的事嗎?

$("#nav ul").prepend("<li></li>"); 
+8

這個答案的題目是解決方案:P – 2011-06-13 18:35:20

回答

17

如果你想在末尾添加使用append()方法而不是prepend()

$('#nav ul').append('<li class="last_link"><a href="https://projects.parc-services.com" target="blank">Login</a></li>'); 

或者我更喜歡:

$('#nav ul').append(
    $('<li/>', { 
     'class': 'last_link', 
     html: $('<a/>', { 
      href: 'https://projects.parc-services.com', 
      target: '_blank', 
      text: 'Login' 
     }) 
    }) 
); 
+0

謝謝你,我能得到這個工作:$(「#nav_menu #nav」)。append('

  • Login
  • '); – Kmack 2011-06-13 19:42:19

    8

    prepend在一開始時增加了一些元件。 append用於在最後添加內容。

    $("#nav ul").append($("<li></li>").html('something')); 
    

    如果你想添加一個類,或者其他任何你可以:

    $("#nav ul").append($("<li></li>").html('something') 
                .addClass('myclass'));