JSB

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
});
#element1
#element2
#element3
#element4
#element5

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>.

© Bastien Miclo | www.selfbuild.fr