Clonage, ajout et modification (grenouilles)

Question

Dans l'exemple jQuery ci-dessous, avant de montrer un segment cloné de HTML, comment puis-je changer le texte "Supprimer Frog" en "Supprimer Frog # 99" et ajouter un identifiant appelé "frog99" ", où 99 est un numéro de séquençage?

<div id='imageBox'> 
    </div> 

    <div class="hidden" id='template'> 
     <span class='alignRight'><a href='#' class='deleteFrog'>Remove Frog</a></span> 
     <span class='alignRight'><a href='#' class='addFrog'>Add Frog</a></span> 
     <img src="img/frog.jpg"> 
    </div> 

Script:

var frogCount = 0; 

$(document).ready(function() { 
    // listener: add "live" listener to link 
    $("#addFrog").live('click', function() { 
     // Clone hidden template 
     myClone = $("#template").clone(); 
     // Before showing cloned object, I would like to change text "Remove Frog" to "Remove Frog #99". 
     // I think it should look something like this, 
     myClone.("a").text("Remove Frog #" + ++frogCount); 

     // Also add an id called "frog99", where 99 is a sequential number. 

     myClone.removeClass("hidden"); 
     $('#imageBox').append(myClone); 
    }); 
}); 

Answer 1

Modifier la ligne

myClone.("a").text("Remove Frog #" + ++frogCount); 

à

myClone.find("a.deleteFrog") 
    .text("Remove Frog #" + ++frogCount) 
    .attr('id','frog'+frogCount);