Foros del Web - Ver Mensaje Individual

Dany_s · #9 (**permalink**) 12/11/2010, 13:57

tenes que aprender a moverte por el arbol fijate los ejemplos de la doc http://api.jquery.com/category/traversing/

si tu detalle de articulo esta formado por una fila que contiene
un td con idArticulo, otro td con unidades, otra con detalle y lo que sea y en esa misma fila tenes un link para ver el stock o cualquier info de ese código pero en si lo que necesitas es recuperar el código te moves:
1. desde el link hasta el tr
2. de ese tr al td que contiene el código
3. recuperas el texto

Código HTML:

Ver original<html>
    <head>
        <title>Ejemplo</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    </head>
        <script type="text/javascript">
        $( function (){
            $('.verStock').live('click', function (){
                var id = $(this).closest('tr').find('.idArticulo').text();
                alert ("Consultar stock de " + id);
                return false;
            });
        });
 
        </script>
 
    <body>
        <table id="tabla">
            <tbody>
                <tr>
                    <td class="idArticulo">0001</td>
                    <td><a href="#" class="verStock">Ver Stock</a></td>
                </tr>
                <tr>
                    <td class="idArticulo">2222</td>
                    <td><a href="#" class="verStock">Ver Stock</a></td>
                </tr>
            </tbody>
        </table>
 
    </body>
</html>

ahi dice que cuando le den un click al enlace ver stock desde ese link (reconoce con this) suba hasta el tr, en ese tr busque el elemento con clase "idArticulo" y recupere el texto

el evento live es para que gestione eventos en elementos futuros