1

私は正方形のサイトに取り組んできました（本文のコードを編集できません。または、別の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に追加しますか?

4

2 に答える 2

1

階層的に選択できます。

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

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