Skip to main content
Tornei o título e conteúdo da pergunta mais objetivo, identei o código.
Fonte Link
Caique Romero
  • 7,2mil
  • 2
  • 24
  • 51

Adicionar HTML viaelemento após outro com jQuery na estrutura

UseiComo posso adicionar outra tag <li> ... </li> após a última com Jquery? Tenho instalado um tema Wordpress que tem opções para habilitar algumas redes sociais no footer do websiteplugin "Jquery Custom", e não é via widget, é nativo, mas falta o Youtube e o tema não dispõe, pensei em inserir via Jquery, mas não sei como fazê-lo, o código é esse:faria por lá.

<div class="col-sm-5 col-md-5 social-media style-1">
 
   <h3 class="widget-title">Permaneça conectado</h3>
 
   <ul class="social-link">
 
      <li class="icon-facebook"><afacebook">
         <a target="_blank" href="https://www.facebook.com/"><i">
            <i class="fa fa-facebook"></i><i>
         </a><a>
      </li>
      <li class="icon-instagram"><ainstagram">
         <a target="_blank" href="https://www.instagram.com/"><i">
            <i class="fa fa-instagram"></i><i>
         </a><a>
      </li>
      <li class="icon-google-plus"><aplus">
         <a target="_blank" href="https://plus.google.com/communities/114812437665613081264"><i114812437665613081264">
            <i class="fa fa-flickr"></i><i>
         </a><a>
      </li>
 
  </ul>
 
</div>

Como adicionar outra tag <li> ... </li> após a última com Jquery? Tenho instalado um plugin "Jquery Custom", e o faria por lá.

Adicionar HTML via jQuery na estrutura

Usei um tema Wordpress que tem opções para habilitar algumas redes sociais no footer do website, e não é via widget, é nativo, mas falta o Youtube e o tema não dispõe, pensei em inserir via Jquery, mas não sei como fazê-lo, o código é esse:

<div class="col-sm-5 col-md-5 social-media style-1">
 
  <h3 class="widget-title">Permaneça conectado</h3>
 
  <ul class="social-link">
 
    <li class="icon-facebook"><a target="_blank" href="https://www.facebook.com/"><i class="fa fa-facebook"></i></a></li>
    <li class="icon-instagram"><a target="_blank" href="https://www.instagram.com/"><i class="fa fa-instagram"></i></a></li>
    <li class="icon-google-plus"><a target="_blank" href="https://plus.google.com/communities/114812437665613081264"><i class="fa fa-flickr"></i></a></li>
 
  </ul>
 
</div>

Como adicionar outra tag <li> ... </li> após a última com Jquery? Tenho instalado um plugin "Jquery Custom", e o faria por lá.

Adicionar elemento após outro com jQuery

Como posso adicionar outra tag <li> ... </li> após a última com Jquery? Tenho instalado um plugin "Jquery Custom", e o faria por lá.

<div class="col-sm-5 col-md-5 social-media style-1">
   <h3 class="widget-title">Permaneça conectado</h3>
   <ul class="social-link">
      <li class="icon-facebook">
         <a target="_blank" href="https://www.facebook.com/">
            <i class="fa fa-facebook"></i>
         </a>
      </li>
      <li class="icon-instagram">
         <a target="_blank" href="https://www.instagram.com/">
            <i class="fa fa-instagram"></i>
         </a>
      </li>
      <li class="icon-google-plus">
         <a target="_blank" href="https://plus.google.com/communities/114812437665613081264">
            <i class="fa fa-flickr"></i>
         </a>
      </li>
  </ul>
</div>
Fonte Link
ElvisP
  • 1,5mil
  • 1
  • 16
  • 44

Adicionar HTML via jQuery na estrutura

Usei um tema Wordpress que tem opções para habilitar algumas redes sociais no footer do website, e não é via widget, é nativo, mas falta o Youtube e o tema não dispõe, pensei em inserir via Jquery, mas não sei como fazê-lo, o código é esse:

<div class="col-sm-5 col-md-5 social-media style-1">

  <h3 class="widget-title">Permaneça conectado</h3>

  <ul class="social-link">

    <li class="icon-facebook"><a target="_blank" href="https://www.facebook.com/"><i class="fa fa-facebook"></i></a></li>
    <li class="icon-instagram"><a target="_blank" href="https://www.instagram.com/"><i class="fa fa-instagram"></i></a></li>
    <li class="icon-google-plus"><a target="_blank" href="https://plus.google.com/communities/114812437665613081264"><i class="fa fa-flickr"></i></a></li>

  </ul>

</div>

Como adicionar outra tag <li> ... </li> após a última com Jquery? Tenho instalado um plugin "Jquery Custom", e o faria por lá.