Añadir clase a la primer <p> dentro de un div

[andoencombi]

Hola amigos, lo que quiero hacer es añadir una clase a la primer etiqueta de parrafo que se encuentre dentro de un div, por ejemplo si tengo esto


<p>hola1</p>
<p>hola2</p>
<p>hola3</p>

<div id="aqui">
<p>hola4</p>
<p>hola5</p>
<p>hola6</p>
</div>

debo de asignarle la clase que quiero a la primer etiqueta de parrafo que esta dentro del div con id="aqui", que quedaria de la siguiente manera:

<p>hola1</p>
<p>hola2</p>
<p>hola3</p>

<div id="aqui">
<p class="clase">hola4</p>
<p>hola5</p>
<p>hola6</p>
</div>

encontre este script,

<script>
$( "p" ).first().addClass( "clase" );
</script>

pero pone la clase a la primer etiqueta de parrafo que encuentra y necesito que primero busque el div y luego ya haga lo de la insercion de la clase.

[PHPeros]

Código Javascript:

$( "div#aqui:first-child" ).addClass( "clase" );
 

Que fácil ¿no?

[andoencombi]

Muchas gracias, pense que era mas dificil

te lo agradezco mucho!!

[gebremswar]

Hola andoencombi, que tal.

PHPeros dio una solución con selectores css. Yo te dejo uno "distinto" (con métodos jquery)

Código Javascript:

$('#aqui').children('p').eq(0).addClass('clase')