Come posso usare jQuery ottenere l'ID del div su cui è stato fatto clic?

Ho bisogno di ottenere l'ID del div cliccato.Come posso usare jQuery ottenere l'ID del div su cui è stato fatto clic?

Ora quando faccio clic sulla classe di stato I un ID indefinito restituito.

Ecco il mio codice javascript

jQuery(document).ready(function() { 
    $(".status").bind('click', $.proxy(function() { 
     var status = $(this).attr('id'); 
     alert(status); 
    }, this)); 
});

e HTML

<div class="status" id="s_1">111111</div> 
<div class="status" id="s_3">33333</div> 
<div class="status" id="s_2">222222</div>

Come devo ottenere il valore id corretto?

fonte

2012-06-28 meli medo

Perché il '$ .proxy'? – gdoron

ho bisogno di chiamare altri metodi –

ii ti darà l'id di tutti gli elemets abbinati a questo selettore. usa "each" – speedingdeer

Non sono sicuro del motivo per cui si sta utilizzando $ .proxy. Rimuovendolo dovrebbe ottenere i risultati desiderati.

$('.status').click(function(event) { 
    var status = $(this).attr('id'); 
});

Se si desidera continuare a utilizzare il proxy è possibile accedere all'elemento cliccato attraverso event.currentTarget

$(".status").bind('click', $.proxy(function(event) { 
    var status = $(event.currentTarget).attr('id'); 
    alert(status); 
}, this));

fonte

2012-06-28 16:26:04 digitaldreamer

Come il mio commento sopra: Perché usare jQuery per ottenere l'id dell'elemento? e ti manca il punto prima del selettore di stato. – gdoron

perché è quello che sta facendo. – digitaldreamer

ummm. Dovresti correggere il suo codice non copiarlo.:) – gdoron

ne dite:

$('div').on('click', function(){ 
    alert($(this).attr("id")); 
});

ha a che funziona solo per i div con classe status ? In tal caso, provare:

$('div.status').on('click', function(){ 
    alert($(this).attr("id")); 
});

fonte

2012-06-28 16:27:15 woemler

um non ho fatto downvote ma 'div.status 'avrebbe funzionato come selettore. –

Sì, probabilmente sarebbe più pulito, grazie. – woemler

Ora ha un altro errore, questo è ora alla ricerca di nodi all'interno di un div con la classe di stato. Sei fimilar con jQuery? – gdoron

uso event.target fare riferimento a tale elemento

jQuery(document).ready(function() { 
     $(".status").bind('click', $.proxy(function(event) { 
      var status = $(event.target).attr('id'); 
      alert(status); 
    }, this)); 
});

vedere in azione: http://jsfiddle.net/vNaqR/

fonte

2012-06-28 16:31:44

grazie mille :) –

NOTA: potresti usare 'var status = event.target.id;' ma ho seguito il tuo codice su quella parte. –

$('selector').each(function(){ 
    $(this).click(function(){ 
     alert($(this).attr('id')) 
    }); 
});

fonte

2013-06-06 07:23:18 speedingdeer

Spiegazione di delega problema:

essere attento usando $ .proxy(). Chiama una funzione (qui il parametro 1) utilizzando il contesto specificato (qui il parametro 2) invece di utilizzare il contesto in cui viene attivato l'evento.

Nella domanda principale, il contesto specificato è $ (documento) così. In questo modo, la funzione tenta di ottenere l'ID del documento anziché l'ID dell'oggetto su cui viene attivato l'evento (l'elemento $ ('. Status')).

fonte

2013-10-03 13:15:47 user2842836

Sto tentando di visualizzare il div nascosto quando clicco sul pulsante, quindi ogni volta che l'utente fa clic sul pulsante visualizza più indici.

Ecco non funziona in quanto sulla lista è sempre vuota se sono sul modo di addizione non EDIT (visualizzare il div quando è Edit)

     <li> 
         <button type="button" name="addAnotherButton" class="btnFwd gradient smButtonStyling" 
         onClick="showInput();"> 
          <img src="/Common/web/static/images/add.png" class="smbtnIcon" /> 
          Add Another 
        </button> 
       </li> 

       <li> 
          <c:forEach items="${planInfoList}" var="planInfo" varStatus="status"> 
         <div id="uploadBody[${status.index}]" style='display = none'> 
          <label class="adminFormLabel">Title:</label> 
          <form:input path="planInfoList[${status.index}].title" onfocus="this.select();" maxlength="50" size="30"/> 
          <label class="adminFormLabel">Plan Number:</label> 
          <form:input path="planInfoList[${status.index}].planNumber" size="10" maxlength="10"/> 
         </div> 
        </c:forEach> 
       </li>

JS:

var found = 0; 
    if ($('#uploadBody' + i).hide()) { 
     for (var i = 0; i < 5; i++) { 
      if (found == 0) { 
       $('#uploadBody' + i).show(); 
      } 
      found++; 
     }  
     }

fonte

2017-03-24 16:00:22 Samarland

<!DOCTYPE html> 
<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $(".divField").click(function(){ 
     alert("id : " + $(this).attr("id")); 
    }); 

}); 
</script> 
</head> 
<body> 
<h1>For finding id click below text</h1> 
<div id="id1" value="Example 1" class="divField">My id is <b>id1</b></div> 
<div id="id2" value="Example 2" class="divField">My id is <b>id2</b></div> 

</body> 
</html>

fonte

2017-07-19 08:51:51

Come posso usare jQuery ottenere l'ID del div su cui è stato fatto clic?

risposta

Problemi correlati