p/parent
Remplace dans une sélection chaque élément par son parent.
Cette fonction permet de sélectionner le parent d'un élément. Le parent étant la balise dans laquelle l'élément est imbriquée.
var element=$('#element5');
$('input').click(function ()
{
$('div').css('border-color','black'); // On remet toutes les bordures en noir
element.css('border-color','lime'); // Bordure de l'élément en vert
if(element.attr('id')=='element1') // Si on a fait le tour
element=$('#element5'); // On repart à 0
else // Sinon
element=element.parent(); // On passe à l'élément parent
});
Supposons maintenant le code suivant :
<body>
<div>
<p>Paragraphe 1</p>
</div>
<form>
<p>Paragraphe 1</p>
</form>
<blockquote>
<p>Paragraphe 1</p>
</blockquote>
</body>
Alors le code suivant permet de sélectionner les 3 balises div, form et blockquote :
$('p').p();
Note : dans ce code, le premier "p" signifie paragraphe et permet de sélectionner les 3 balises <p>, le second "p" est un alias de la fonction "parent" et permet donc de sélectionner les parents de chacune des balises <p>.