Question

我一直在使用方形空间网站（不允许您编辑正文代码，或者这就像将 li 项目放入 ul 一样简单）我需要将社交图标的方形空间块固定到导航栏（结构为 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

Answer 1

您可以分级选择它：

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

$('#topnav .main-nav > ul').append(html);

Answer 2

尝试使用此

$('div#topnav nav.main-nav > ul').append('li html code here');

jQuery追加到没有id的ul？

2 个答案: