Skip to main content
se añadieron 5 caracteres en el cuerpo
Origen Enlace
E.rick
  • 366
  • 1
  • 2
  • 17

La clave es $(this) y attr.

https://www.w3schools.com/jquery/default.asp (localiza el elemento)

https://www.w3schools.com/jquery/html_attr.asp (atributo clase)

$('.item''div').on('click', function() {
   $( //¿Cómo"#info" puedo).text('el obtenerelemento aquícliccado eles elemento?de concreto
alert(clase:'+ $( this ).attr('class'));
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>
<div class="item1">
  <div class="front">uno</div>
  <div class="back">dos</div>
</div>
<div class="item2"> <!-- Pongamos que clico este elemento -->
  <div class="front">tres</div>
  <div class="back">cuatro</div>
</div>
<div class="item3">
  <div class="front">cinco</div>
  <div class="back">seis</div>
</div>
<div id ="info">
info
</div>

https://api.jquery.com/click/

La clave es $(this) y attr.

https://www.w3schools.com/jquery/default.asp (localiza el elemento)

https://www.w3schools.com/jquery/html_attr.asp (atributo clase)

$('.item').on('click', function() {
    //¿Cómo puedo obtener aquí el elemento? concreto
alert( $( this ).attr('class'));
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>
<div class="item1">
  <div class="front">uno</div>
  <div class="back">dos</div>
</div>
<div class="item2"> <!-- Pongamos que clico este elemento -->
  <div class="front">tres</div>
  <div class="back">cuatro</div>
</div>
<div class="item3">
  <div class="front">cinco</div>
  <div class="back">seis</div>
</div>

https://api.jquery.com/click/

La clave es $(this) y attr.

https://www.w3schools.com/jquery/default.asp (localiza el elemento)

https://www.w3schools.com/jquery/html_attr.asp (atributo clase)

$('div').on('click', function() {
$( "#info" ).text('el elemento cliccado es de clase:'+ $( this ).attr('class'));
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>
<div class="item1">
  <div class="front">uno</div>
  <div class="back">dos</div>
</div>
<div class="item2"> <!-- Pongamos que clico este elemento -->
  <div class="front">tres</div>
  <div class="back">cuatro</div>
</div>
<div class="item3">
  <div class="front">cinco</div>
  <div class="back">seis</div>
</div>
<div id ="info">
info
</div>

https://api.jquery.com/click/

se añadieron 5 caracteres en el cuerpo
Origen Enlace
E.rick
  • 366
  • 1
  • 2
  • 17

La clave es $(this) (si usas jquery), que veo que siy attr.   

https://www.w3schools.com/jquery/default.asp https://api.jquery.com/click/ (localiza el elemento)

https://www.w3schools.com/jquery/html_attr.asp (atributo clase)

$('.item').on('click', function() {
    //¿Cómo puedo obtener aquí el elemento? concreto
     alert( $( this ).slideUpattr('class'));
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>
<div class="item">class="item1">
  <div class="front">uno</div>
  <div class="back">dos</div>
</div>
<div class="item">class="item2"> <!-- Pongamos que clico este elemento -->
  <div class="front">tres</div>
  <div class="back">cuatro</div>
</div>
<div class="item">class="item3">
  <div class="front">cinco</div>
  <div class="back">seis</div>
</div>

https://api.jquery.com/click/

La clave es $(this) (si usas jquery), que veo que si.  https://www.w3schools.com/jquery/default.asp https://api.jquery.com/click/

$('.item').on('click', function() {
    //¿Cómo puedo obtener aquí el elemento? concreto
      $( this ).slideUp();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>
<div class="item">
  <div class="front">uno</div>
  <div class="back">dos</div>
</div>
<div class="item"> <!-- Pongamos que clico este elemento -->
  <div class="front">tres</div>
  <div class="back">cuatro</div>
</div>
<div class="item">
  <div class="front">cinco</div>
  <div class="back">seis</div>
</div>

https://api.jquery.com/click/

La clave es $(this) y attr. 

https://www.w3schools.com/jquery/default.asp (localiza el elemento)

https://www.w3schools.com/jquery/html_attr.asp (atributo clase)

$('.item').on('click', function() {
    //¿Cómo puedo obtener aquí el elemento? concreto
alert( $( this ).attr('class'));
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>
<div class="item1">
  <div class="front">uno</div>
  <div class="back">dos</div>
</div>
<div class="item2"> <!-- Pongamos que clico este elemento -->
  <div class="front">tres</div>
  <div class="back">cuatro</div>
</div>
<div class="item3">
  <div class="front">cinco</div>
  <div class="back">seis</div>
</div>

https://api.jquery.com/click/

Origen Enlace
E.rick
  • 366
  • 1
  • 2
  • 17

La clave es $(this) (si usas jquery), que veo que si. https://www.w3schools.com/jquery/default.asp https://api.jquery.com/click/

$('.item').on('click', function() {
    //¿Cómo puedo obtener aquí el elemento? concreto
      $( this ).slideUp();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>
<div class="item">
  <div class="front">uno</div>
  <div class="back">dos</div>
</div>
<div class="item"> <!-- Pongamos que clico este elemento -->
  <div class="front">tres</div>
  <div class="back">cuatro</div>
</div>
<div class="item">
  <div class="front">cinco</div>
  <div class="back">seis</div>
</div>

https://api.jquery.com/click/