Traté de mostrar y ocultar la etiqueta img en el siguiente código

<div id='userview_'<?php echo $userId; ?>>
    <img src="css/user/images/user1.svg">
</div>

Escribí jquery para mostrar img como dis

var userId='<?php echo $userId; ?>';
jQuery('#userview_'+userId ' img').css('src','url(css/user/images/user1.svg) no repeat center');

Pero no funciona

Y también necesito saber ocultar esta etiqueta img (solo) en onClick ()

0
Vishnu Prasad 2 sep. 2014 a las 12:58

6 respuestas

La mejor respuesta

Finalmente encontré un método

 jQuery('#userview_'+userId , "'<img src=css/user/images/user1.svg>'").remove();

Cuando necesito mostrarlo de nuevo ... solía

jQuery('#userview_'+userId).append('<img src="css/user/images/user1.svg>">');

Gracias

0
Vishnu Prasad 3 sep. 2014 a las 06:51

Donde tienes

var userId='< ? php echo $userId; ?>';

jQuery('#userview_'+userId ' img').css('src','url(css/user/images/user1.svg) no repeat center');

Recuerde que el script PHP solo funciona en archivos PHP. Puedes hacer así: parte de index.php

<div class="imgContainer"></div>
...
<script>var userId = <?php userId?> </script>

Y en el archivo JS:

jQuery('#userview_'+userId +' .imgContainer').css('src','url(css/user/images/user1.svg) no repeat center');

Y si quieres hacer clic en el evento:

jQuery('#userview_'+userId ' imgContainer').on('click', function(){
   /*some code*/
});

También recorra este tutorial: http://try.jquery.com/levels/1/challenges / 1

0
Alcadur 2 sep. 2014 a las 09:15

Primero en su html, coloque la etiqueta php dentro de '' así que así <div id='userview_<?php echo $userId; ?>'>

Entonces puedes hacer algo como esto

jQuery('#userview_'+userId+' img').click(function(){
    jQuery(this).hide();
});
0
Dexa 2 sep. 2014 a las 09:03
<div id='userview_'<?php echo $userId; ?>>
    <img src="css/user/images/user1.svg" />
</div>
<a href="#" class="testclick">Click</a>
$('.testclick').click(function(){
var userId='<?php echo $userId; ?>';
    $('#userview_'+userId+' img').hide();
});
0
Deeban Babu 2 sep. 2014 a las 09:16

Src es un atributo, por lo que debe hacer algo como a continuación y proporcionar la ruta de imagen adecuada,

var userId='<?php echo $userId; ?>';
jQuery('#userview_'+userId ' img').attr('src','css/user/images/user1.svg');
1
Shamanth 2 sep. 2014 a las 09:08

Tratar

jQuery('#userview_'+userId +' img')

                          ^^^^ you messed    

Use attr

Html

<div id='userview_33'>
    <img src="css/user/images/user1.svg" />
</div>

Js

var userId = 33;

jQuery('#userview_' + userId +' img').attr('src', 'url(css/user/images/user3.svg) no repeat center'); 
0
Balachandran 3 sep. 2014 a las 08:41