1

我一直在研究一个 squarespace 网站（它不允许您编辑正文代码，或者这就像将另一个li项目放入ul一样简单），我需要将社交图标的 squarespace 块固定到导航栏（其中结构为ul）。我在追加时看到的所有 jQuery tuts 都使用ul-id作为追加到. 不幸的是，我网站上的ul没有特定的 ID。它看起来像这样：

<header id="header" data-content-field="page-settings">
   <div id="topNav">
     <nav class="main-nav dropdown-hover desktop-nav">
       <ul>
        <li class="page-collection active-link" id="51f05bd9e4b01bb187e35cd7
          <a href="/">Home</a>
        </li>
       </ul>
     </nav>
   </div>
</header>

现在我想将以下代码附加到此列表中（请记住，这是一个方形空间代码的“块”，该站点以显示其所在位置的社交媒体图标的方式读取。）

   <li class="social-links">
      <a href="youtube link" target="_blank" class="social-youtube"></a>
      <a href="facebook link" target="_blank" class="social-facebook"></a>
      <a href="twitter link" target="_blank" class="social-twitter"></a>
      <a href="instagram link" target="_blank" class="social-instagram"></a>
    </li>

是否可以使用 jQuery .append() 函数附加到标头中的现有ul ？如果是这样，我要附加到什么类/ID ？

4

2 回答 2

1

您可以分层选择它：

var html = '<li><!-- etc --></li>';

$('#topnav .main-nav > ul').append(html);
于 2013-08-14T15:58:29.773 回答
1

尝试使用这个

$('div#topnav nav.main-nav > ul').append('li html code here');
于 2013-08-14T15:59:15.943 回答