Duda Seleccionar o Alterar Elemento con Jquery

Iniciado por Slikp, 14 Enero 2015, 14:23 PM

0 Miembros y 1 Visitante están viendo este tema.

Slikp

- 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 (html4strict) [Seleccionar]

<div id="wraper-stick" class="content">
<div id="body-stick">
  <?php  
 foreach ($fiel as $fied):
   ?>

<article class="article-stick">
<tbody>
  <tr id="color-n">
    <td><input readonly class="pointer" value="<?=$fied['CodEstacion'];?>"></td> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <td><input readonly class="point" type="hidden" value="<?=$fied['CodRegion'];?>"></td>
    <td><a id="col-right" href=""><?php echo $fied['DescripEstacion'];?></a></td>
<div id="img-stick">
<img class="cursor-click" src="../img/configu.png" width="20" title="Editar Elemento" value="<?=$fied['CodEstacion'];?>" />
<img class="cursor-click" src="../img/delete.png" width="20" title="Eliminar Elemento" value="<?=$fied['CodEstacion'];?>" />
</div>
  </tr>
</tbody>
</article>
  <?php    
endforeach;
   ?>

</div>
<div id="footer-stick">
<form action="">
<input placeholder="Cod. Estación" type="text">
<input placeholder="Descrp. Estación" type="text">
<input type="submit" Value="Guardar" class="color-b">
</form>
</div>
</div>


- Eso me da como resultado esto:

- 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 (html4strict) [Seleccionar]

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


- 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 (javascript) [Seleccionar]

var img = $(this).attr('value');


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

#!drvy

Utiliza la función parent() o prev() o 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