<ul>
<li><span>
    <ul>
        <li>
            <span class="parent overflow">Child<a><img src="../training/Test/Images/TDelete.png" class="iconTR" title="Delete Activity" width="13" id="1" height="13"></a></span>
            <ul>
                <li>
                    <span class="parent overflow">grand Child<a><img src="../training/Test/Images/TDelete.png" class="iconTR" title="Delete Activity" id="2" width="13" height="13"></a></span>
                </li>
            </ul>
        </li>
        <li>
            <span class="parent overflow">Child<a><img src="../training/Test/Images/TDelete.png" class="iconTR" title="Delete Activity" id="3" width="13" height="13"></a></span>
        </li>
      </ul>
  </span></li>
</ul>

Este es mi código y me gustaría obtener la etiqueta Id de la etiqueta principal inmediata li al hacer clic en esa imagen. Es decir, cuando hago clic en la imagen de uno li, debería alertar al id de la imagen en la lista principal. Sería muy útil si me proporcionaran la solución.

-2
Swapna 4 sep. 2014 a las 10:14

5 respuestas

La mejor respuesta
$('img').click(function(){

alert($(this).closest('li').parent().closest('li').find('img').attr('id'));

 });

Al hacer clic en la imagen, se alertará a la identificación del padre li

0
Swapna 11 sep. 2014 a las 08:45

Para alertar la identificación de la imagen, necesita:

$('.iconTR').click(function(){
 var imgid= $(this).attr('id');//or this.id
 alert(imgid);
});

Demostración de trabajo

0
Milind Anantwar 4 sep. 2014 a las 06:36
$('img').click(function(){
var id = $('this').parent().attr('id');
alert(id);
})

Entonces obtendrás la identificación de la madre li.

0
coco 4 sep. 2014 a las 08:47

Entonces, ¿algo como esto?

$('img').click(function(){
    var id = $(this).closest('li').attr('id');

    alert(id);
});
1
THEtheChad 4 sep. 2014 a las 06:22

Puede obtener el elemento primario inmediato de la imagen clicada utilizando la función .parent () de Jquery

Entonces su controlador de clics será como:

$(document).on('click','.iconTR',function(){
   var parent = $(this).parent();
}

Esto le dará el elemento primario inmediato de la etiqueta img en la que se hace clic

Violín de trabajo

0
V31 4 sep. 2014 a las 06:30