Duda Seleccionar o Alterar Elemento con Jquery

[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 HTML:

<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 HTML:

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

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

[mauritosuarez]

Hola slikp, te refieres a algo como esto.?

DEMO
http://www.martiniglesias.eu/demos/editinplace/

DOWNLOAD Y DOCUMENTACION
http://www.martiniglesias.eu/blog/ed...ajax-y-php/225

Saludos.

[slikp]

- Hola mauritosuarez muchas gracias por responder, dejame analizarlo bien para ver si es realmente lo que necesito y poder adaptarlo a mi proyecto pero lo que vi es que el tiene la funcion edit independiente uno en nombre, otro en apellido, otro en email y asi sucesivamente y yo lo quiero todo en conjunto al darle click al engraneje me permita editar cualquier elemento de la fila.

- Pero como dije lo analizare para ver si lo puedo adaptar a lo que necesito por lo pronto parece ser un buen comienzo con lo que has aportado muchas gracias.

[diurno10]

podes hacer algo asi, por ejemplo con la imagen de eliminar.

Nota: trata de no dejarles el mismo nombre de clase a las imagenes, asi la podes apuntar mejor, es decir tu clase ahora es class="cursor-click" , si podes ponele,
cursor-click-del y cursor-click-edit, asi no tenes problemas con el selector.

Código Javascript:

$("img.cursor-click-del").click(function(){
        
    var res = confirm('Desea eliminar ?');
    if(res){
        var _this = $(this);
        var idPlan = _this.attr('id');
        var idObra = _this.parent('td').attr('id');
        var _urlform = baseUrl+'/admin/index/eliminar-osocial/';
               $.post(_urlform,{pObra:idObra,pPlan:idPlan},
            function(data){
                if(data){
                    _this.parent('td').parent('tr').fadeOut();  
                }
        });                 
    }     
});
 

[slikp]

- Hola diurno10, intentare primero con tu codigo pero antes unas cosas que no entiendo a hace referencia esto en mi codigo ?

Código Javascript:

var idPlan = _this.attr('id');
        var idObra = _this.parent('td').attr('id');
 

- Porque asi tal cual tire lo Alert de esas dos variables y ambas me dan Indefinidas debo cambiar los ID por algo? o en dado caso ponerle id a mi codigo?

- Intente:

Código Javascript:

var idObra = $(this).parent('input').attr('value');
 

- Y tambien me regresa indefinido. Y:

Código Javascript:

var _urlform = baseUrl+'/admin/index/eliminar-osocial/';
 

- Esa seria la ruta donde estaria mi funcion de eliminar???

- Saludos...

[diurno10]

ajjaj , perdon, es que deje codigo pegado de mi ejemplo, vos tendrias que tomar solo

Código Javascript:

_this.parent('td').parent('tr').fadeOut();