comment ajouter un identifiant unique à un événement onclick

Question

J'ai un code entre les balises pré et je veux attraper al ce code avec un événement onclick Ma structure HTML est comme ci-dessous:

<div class="Message"> 
    <div class="surroundpre"> 
    <span class="control-copytextarea" onclick="return fieldtoclipboard.copyfield(event, \\\'id1\\\')">[Select and Copy]</span> 
    <pre class="CodeBlock id="id22015640"> 
     <!-- code goes her --> 
    </pre> 
    </div> 
</div> 

Le pré Les éléments et la div avec la classe surroundpre sont créés par javascript. L'identifiant unique pour le pré:

$('pre').each(function(){ 

    if ($(this).attr('id') == undefined){ 
     $(this).attr('id','id'+Math.floor((Math.random() * 99999999) + 1)) 
    } 
}); 

Le div avec surroundpre est créé comme ci-dessous:

$('.Message .CodeBlock', this).wrap('<div class=surroundpre></div>'); 

La durée est créé avec la variable php: en combinaison

$SelectButton = '<span class="control-copytextarea" onclick="return fieldtoclipboard.copyfield(event, \\\'id1\\\')">[Select and Copy]</span><br />'; 

avec:

$('.surroundpre').prepend('$SelectButton'); 

Ma question: le id1 dans la variable php devrait être remplacé par le même identifiant unique que dans le pré-tag. Comment puis-je y parvenir? Ou existe-t-il une autre méthode pour y parvenir?

Answer 1

Cela pourrait fonctionner pour vous, faire quelques changements, d'abord en PHP:

$SelectButton = '<span class="control-copytextarea" onclick="return fieldtoclipboard.copyfield(event, this.getAttribute(\"data-block-id\"))">[Select and Copy]</span><br />'; 

Puis, en JS:

$('pre').each(function(){ 
    var id; 
    if ($(this).attr('id') == undefined){ 
     id = 'id'+Math.floor((Math.random() * 99999999) + 1); 
     $(this).attr('id',id); 
     $(this).prev('span').attr('data-block-id',id); 
    } 
}); 

Maintenant, l'identifiant généré en js est attaché à la durée au même temps de création, quand il est disponible pour vous, et l'événement onclick prégénéré (en PHP) peut y accéder quand il en a besoin (tant que le code de paramétrage d'ID n'a pas été exécuté).