html:
<ul>
<li>1</li>
<li>2</li>
Adicionar aqui
<li>5</li>
</ul>
Preciso adicionar duas li onde está escrito: "Adicionar aqui". Alguém sabe como fazer isso usando jQuery?
Você pode utilizar o método "after" do jQuery. Exemplo:
$(document).ready(function() {
var $li = $('ul li').eq(1);
$('button').click(function() {
$li.after('<li>' + $('ul li').length + '</li>');
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li>1</li>
<li>2</li>
<li>5</li>
</ul>
<button>Adicionar</button>
Você pode usar o pseudo seletor :nth-child()
uma vez que você saiba a partir de qual "filho" você deseja inserir conteúdo.
$('ul > li:nth-child(2)').after(`
<li>3</li>
<li>4</li>
`)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li>1</li>
<li>2</li>
<li>5</li>
</ul>