Verfolgen Sie Änderungen zu bestimmten div ohne Onclick-Funktionalität

Question

Ich benutze jquery, um einige Funktionen zu implementieren, die mehrere Stelle in der gleichen JSP wiederholt wird. Ich möchte denselben jquery-Code erneut verwenden. Kann mir jemand sagen, wie kann ich das erreichen? Ich hoffe, das folgende Code-Snippet erklärt, was ich wirklich erreichen möchte.

 <div id="1" class="a"> 
     //implement the some functionality to all the 
elements that below to this class and id="1" 
     </div> 


     <div id="2" class="a"> 
    //implement the similar functionality that is happening 
int above div to all the elements that below to this class and id="2" 
     </div> 


     <div id="3" class="a"> 
    //implement the similar functionality that is happening 
int above div to all the elements that below to this class and id="2" 
     </div> 

<script type="text/javascript"> 
    //Re-usable code goes here that applies for class type 2 and tracks id 1,2,3 differently. 
</script> 

bearbeiten

I Datentabelle an mehreren Stellen in der gleichen HTML-Seite und bei jeder Instanz der Datentabelle verwendet verwenden möchten, Ich möchte ähnliche Anpassung mit JQuery tun.

https://datatables.net/examples/

Answer 1

Ich denke, das ist das, was Sie nach. Wenn auf ein Element mit der ID 1,2 oder 3 geklickt wird, wird dieselbe Funktion ausgeführt.

$(document).on('click', '#1, #2, #3', function (e) { 
    console.log(e.target); // This is the element that was clicked 
    alert('Clicked') 
}); 

https://jsfiddle.net/cnLvk3o1/1/

Wenn Sie A.Wolff nach Klasse auswählen möchten hat unten erwähnt. Sie können dies stattdessen verwenden.

$(document).on('click', '.a', function (e) { 
    console.log(e.target); // This is the element that was clicked 
    alert('Clicked') 
});