JSFiddle - React, Tailwind, and code Playground
HTML
<button class="test" id="0">lien >> 0</button><br />
<button class="test" id="1">lien >> 1</button><br />
<button class="test" id="2">lien >> 2</button><br />
<button class="test" id="3">lien >> 3</button><br />
<button class="test" id="4">lien >> 4</button><br />
<button class="test" id="5">lien >> 5</button><br />
<button class="test" id="6">lien >> 6</button><br />
<button class="test" id="7">lien >> 7</button><br />
<button class="test" id="8">lien >> 8</button><br />
<button class="test" id="9">lien >> 9</button><br />
<button class="test" id="10">lien >> 10</button><br />
<button class="test" id="11">lien >> 11</button><br />
<button class="test" id="12">lien >> 12</button><br />
<button class="test" id="13">lien >> 13</button><br />
<button class="test" id="14">lien >> 14</button><br />
<button class="test" id="15">lien >> 15</button><br />
<button class="test" id="16">lien >> 16</button><br />
<button class="test" id="17">lien >> 17</button><br />
<button class="test" id="18">lien >> 18</button><br />
<button class="test" id="19">lien >> 19</button><br />
<button class="test" id="20">lien >> 20</button><br />
CSS
.test {
height:200px;
}
JavaScript
jQuery(function($){
// -------------------------------------------------------------
$.fn.maFonction = function() {
var idDiv = $(this).attr('id'); // on récupère l'ID
alert('div ic >> '+idDiv) ;
}
// -------------------------------------------------------------
$('button.test').click(function() {
$(this).stop().maFonction(); // appel la fonction
});
$(window).scroll(function() { // On surveille l'évènement scroll
//.....
/*
fait apparaitre d'autres div (infiniScroll)
a partir desquels on doit pouvoir appeller la fonction maFonction()
(d'ou le "pourquoi je l'ajoute là" (suis pas sur que ce soit sa place, mais bon ?... )
*/
$('button.test').click(function() {
console.log(this)
$(this).maFonction(); // appel la fonction
});
});
});