Incrémentation +1 de la classe en javascript

Question

Salut im faire une boucle PHP où je définis une classe, cette boucle fait une liste d'éléments, et chacun d'entre eux aura un bouton "partager" qui ouvrira une fenêtre, (div display: none) le javascript ouvrir cette div, et il fonctionne parfaitement ..

Mon problème est que dans ce moment, j'ai inséré le code <script> dans la boucle de sorte que chaque élément a son propre code <script></script> ...

Y at-il un moyen de faire un seul et sortir ce code de la boucle php, afin que je puisse améliorer le code.

<script> 
    $('a.sharebtnc').click(
      function(event) { 
       event.stopPropagation(); 
       $('div.redescompartir').fadeToggle(300); 

      } 
     ); 
    </script> 

Dans la boucle et je viens ajouter à la classe l'identifiant comme celui-ci (id: 32)

<script> 
    $('a.sharebtnc32').click(
      function(event) { 
       event.stopPropagation(); 
       $('div.redescompartir32').fadeToggle(300); 

      } 
     ); 
    </script> 

Comment puis-je faire de ce script fonctionne pour tous les éléments, peu importe le numéro d'identification, je Je n'ai aucune idée, mais je sais que c'est la bonne façon de le faire, n'est-ce pas?

Le code HTML est très simple, est la même chose pour chaque ... Je veux dire chaque élément a son propre div avec pour <a href="" > </a> éléments

<a href="#" class="sharebtnc(id)"> 
<div class="redescompartir(id)"> 
<a href="" >Twitter </a> 
<a href="" >Facebook </a> 
<a href="" >Google </a> 
<a href="" >Foursquare </a> 
</div> 

Answer 1

Ajouter une nouvelle classe et attribut à l'élément d'entrée comme

au lieu de

<a class="sharebtnc32" /> 

utilisation

<a class="sharebtnc sharebtnc32" data-id="32"/> 

puis

jQuery(function ($) { 
    $('.sharebtnctl').click(function (event) { 
     event.stopPropagation(); 
     $('.redesopenclose' + $(this).data('id')).fadeToggle(300); 
    }); 
}) 

Answer 2

Ma méthode préférée: PHP pour générer le lien entre les deux éléments, puis un petit extrait de JS pour saisir lequel un particulier a cliqué.

PHP:

$num = 100; 

for ($x = 0; $x < $numItems; $x++) { 
    echo " 
    <a href='#' class='sharebtn' target='$x'>Share</a> 

    <div class='redescompartir' id='$x'> 
    <a href=''>Twitter</a> 
    <a href=''>Facebook</a> 
    <a href=''>Google</a> 
    <a href=''>Foursquare</a> 
    </div> 
    "; 

} 

sortie HTML:

<a href="#" class="sharebtn" target='32'>Share</a> 

<div class="redescompartir" id='32'> 
<a href="" >Twitter </a> 
<a href="" >Facebook </a> 
<a href="" >Google </a> 
<a href="" >Foursquare </a> 
</div> 

JS:

$('a.sharebtn').on('click', function(e) { 
    e.stopPropagation(); 
    var target = $(e.currentTarget).attr('target'); 
    $('#'+target).fadeToggle(300); 
}); 

De cette façon, vous avez seulement besoin d'une seule étiquette <script></script>, qui les broswers de vos utilisateurs vous remercier pour . :)