Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Slikp en 14 Enero 2015, 14:23 pm



Título: Duda Seleccionar o Alterar Elemento con Jquery
Publicado por: Slikp en 14 Enero 2015, 14:23 pm
- Buenas a todos, espero puedan ayudarme con esta inquietud que tengo, veamos si me puedo expresar de una forma entendible, en resumidas tengo lo siguiente:

Código
  1. <div id="wraper-stick" class="content">
  2. <div id="body-stick">
  3.  <?php  
  4. foreach ($fiel as $fied):
  5.   ?>
  6. <article class="article-stick">
  7.  <tr id="color-n">
  8.    <td><input readonly class="pointer" value="<?=$fied['CodEstacion'];?>"></td> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  9.    <td><input readonly class="point" type="hidden" value="<?=$fied['CodRegion'];?>"></td>
  10.    <td><a id="col-right" href=""><?php echo $fied['DescripEstacion'];?></a></td>
  11. <div id="img-stick">
  12. <img class="cursor-click" src="../img/configu.png" width="20" title="Editar Elemento" value="<?=$fied['CodEstacion'];?>" />
  13. <img class="cursor-click" src="../img/delete.png" width="20" title="Eliminar Elemento" value="<?=$fied['CodEstacion'];?>" />
  14. </div>
  15.  </tr>
  16. </tbody>
  17. </article>
  18.  <?php  
  19. endforeach;
  20.   ?>
  21. </div>
  22. <div id="footer-stick">
  23. <form action="">
  24. <input placeholder="Cod. Estación" type="text">
  25. <input placeholder="Descrp. Estación" type="text">
  26. <input type="submit" Value="Guardar" class="color-b">
  27. </form>
  28. </div>
  29. </div>
  30.  

- Eso me da como resultado esto:
(http://i57.tinypic.com/dffu4l.png)

- Yo lo que quiero, es que al darle Click a cualquiera de los Engranajes o Botes de Basura y se desencadene una accion en la misma fila donde di el click, de otra forma quiera dale click a cualquier elemento.

Código
  1. <img class="cursor-click" src="../img/configu.png" width="20" title="Editar Elemento" value="<?=$fied['CodEstacion'];?>" />
  2.  

- Y desencadene X acciones (Hidden(), Html(), Toggle(), Append(), etc) pero que sea en la misma fila ( Mismo TD )donde se encuentra el elemento al que hice click. Y esa es la parte que no entiendo como o que debo de hacer, yo se que para seleccionar N img en el DOM o N value que tenga un img en el DOM solo necesitaria hacer algo como esto.

Código
  1. var img = $(this).attr('value');
  2.  

- Pero despues de seleccionar el img correspondiente como le digo a Jquery que me altere la fila donde esta ese img?? intente hacerlo seleccionando la Clase "pointer" y luego realizando X accion pero obviamente todos los TD con class="pointer" se alteraron.

- Espero puedan ayudarme Muchas Gracias...


Título: Re: Duda Seleccionar o Alterar Elemento con Jquery
Publicado por: #!drvy en 15 Enero 2015, 12:45 pm
Utiliza la función parent() (http://api.jquery.com/parent/) o prev() (http://api.jquery.com/prev/) o closest() (http://api.jquery.com/closest/) de jQuery.

Sinceramente, el código que tienes no es muy valido que digamos. Asignas el mismo "id" a cada tr, metes un div en un tr (solo se puede meter td), no declaras table... te va a causar muchos dolores de cabeza esa forma de hacer cosas.

Saludos