Adicionando elementos ao conjunto atual em jQuery
Às vezes, há situações em que já temos
um conjunto de elementos, realizamos algumas
operações nele e agora gostaríamos de adicionar
mais elementos a este conjunto e executar
algumas outras operações neste conjunto
combinado. Isso é feito usando o método
add.
Vamos tomar, por exemplo, o seguinte código HTML:
<div>ddd</div>
<h1>hhh</h1>
<p>ppp</p>
<div id="test"><h2>hhh</h2></div>
<p>ppp</p>
<h2>hhh</h2>
<p>ppp</p>
Vamos encontrar todos os parágrafos, adicionar o texto
'!' ao final deles, depois adicionar aos parágrafos encontrados
os cabeçalhos h2,
mas apenas aqueles que estão dentro do elemento
#test, e simultaneamente definir a cor vermelha
para os cabeçalhos e parágrafos selecionados:
$('p').append('!').add('#test h2').css('color', 'red');
Encontre todos os parágrafos p com a classe
www, defina o texto
'!' no início deles e o texto '!!'
no final, depois adicione a esses parágrafos também os cabeçalhos
h2 e pinte esses parágrafos e cabeçalhos
de vermelho.
