jquery ui événement de table dynamique onclick ne fonctionne pas

Question

J'ai besoin d'afficher la table dynamique dans jquery. En cliquant sur les données de la table, la valeur doit être définie en dessous du champ de texte.

Puis-je savoir comment capturer le nom de la table dynamique et mis dans le champ texte

$(document).ready(function() { 
    //Retrieve the JSON data from the server using AJAX 
    $('#AJAXButton').click(function() { 
     $.getJSON('ajax/ajaxtest.js', function(data) { 
      processJSON(data); 
     }); 
    }); 

    //Process and display the JSON data 
    function processJSON(data) { 
     var output = '<table><tr><th>Name</th><th>Platform</th></tr>'; 
     //Loop through the Languages 
     $(data.Languages).each(function(index, element) { 
      output += '<tr><td class="clickable">' + element.Name + '</td>' + 
       '<td class="clickable">' + element.Platform + '</td></tr>'; 
     }); 
     output += '</table>'; 
     $('#AJAXDiv').html(output); 
    } 

    $("tr.clickable").live("click", function() { 
      $("#name").append(?); 
    }); 

}); 


<div id="AJAXDiv" style="width:400px; height:600px; background-color:#ddd; border:1px solid black"> 
</div> 

<div> 
    <label for="name">Created by: </label> <input id="name" /> 
</div> 

Answer 1

Jetez un oeil à this violon et laissez-moi savoir si ce n'est pas ce que vous vouliez.

Answer 2

Vous dites que vous voulez que l'événement se produise quand la ligne est cliquée, donc vous mettez juste la classe 'cliquable' sur votre rangée au lieu de chaque 'td'. Le gestionnaire de clic peut alors accéder en premier à 'td' dans cette ligne (le nom que vous recherchez).

ie. Demo