Scribd Logo
Upload

Welcome to Scribd!

  • Encontrar Los Hermanos

    Uploaded by

    Leri Blanco Marcos
    12 views1 page
    dd

    Original Title

    6

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    dd

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    12 views1 page

    Encontrar Los Hermanos

    Uploaded by

    Leri Blanco Marcos
    dd

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 1

    Encontrar los hermanos

    siblings()
    Devuelve la lista de los hermanos inmediatos de cada elemento de la seleccin.
    $("div").siblings()
    Este mtodo devuelve un objeto jQuery.
    Ejemplo
    Rodeamos con un borde los hermanos del tercer elemento de la lista y aadimos un color de fondo a los hermanos de la tercera celda de la tabla.

    <!doctype html>
    <html lang="es">
    <head>
    <meta charset="utf-8">
    <title>jQuery</title>
    <script src="jquery.js"></script>
    <script>
    $(document).ready(function(){
    $("#select_li").siblings().addClass("borde");
    $("#select_table").siblings().addClass("colorDefondo");
    });
    </script>
    <style>
    table { border: 1px solid black;
    border-collapse:collapse;
    width: 210px;}
    td { border: 1px solid black;
    text-align: center;}
    .contenido { width: 210px;}
    .borde { border: 1px solid black;}
    .colorDefondo { background-color: #9cf;}
    </style>
    </head>
    <body>
    <div id="ejemplo">
    <h3>Ejemplo siblings()</h3>
    <div class="contenido">
    <p>Lista</p>
    <ul>
    <li>tem de lista 1</li>
    <li>tem de lista 2</li>
    <li id="select_li"><i>tem de lista 3</i></li>
    <li>tem de lista 4</li>
    <li>tem de lista 5</li>
    </ul>
    <table>
    <tr>
    <td>1</td><td>2</td><td
    id="select_table"><i>3</i></td><td>4</td><td>5</td>
    </tr>
    </table>
    </div>
    </div>
    </body>
    </html>

    $("#select_li").siblings().addClass("borde");
    El mtodo siblings() se aplica al tercer tem
    de la lista (id="select_li") y rodea con un
    borde sus hermanos inmediatos, es decir, las
    otras etiquetas <li>.

    $("#select_table").siblings().addClass("colorDefondo"
    El mtodo siblings() se aplica a la tercera
    celda de la tabla (select_table) y aade un
    fondo a sus hermanos inmediatos, es decir, las
    otras etiquetas <td>.
    Comentario
    Con siblings(expresin), se pueden filtrar
    los elementos que se devuelven para quedarse
    solo con aquellos que cumplan una expresin
    determinada.

    You might also like