HTMLタグ内で関数にデータを渡す方法は？

Question

私は、それが配置されているテーブル行のIDを取得する関数を呼び出すことによって問題を解決しました。

私はこのコードをいくつかの異なるものをテーブルにソートしています。問題はそうのようなHTMLタグ内に呼び出された関数にデータを渡すことである。 See reference here

$.when(document, getTournamentsData()).done(function(){ 
var output = ""; 
$.each(tournamentsData, function(key, data){ 
     output += "<tr class='data_row "+data.isOpen+"' id='"+data._id+"'>"; 
     output += "<td>" + (key+1) + "</td>"; 
     output += "<td><b>" + data.name + "</b></td>"; 
     output += "<td>Start: " + data.begintime + "<br>Slut: " + data.endtime + "</td>"; 
     output += "<td><input class='btn btn-primary' type='button' value='Se beskrivelse' onclick='showTourDescription(data.description)'/></td>"; 
     output += "<td><input class='btn btn-primary' type='button' value='Se billede' onclick='showPic(data.image)'/></td>"; 
     output += "<td>Max antal: "+ data.max_teams +"<br>Tilmeldte: "+ data.teams.length +"</td><br>"; 
     output += "<td><input class='btn btn-primary' type='button' value='Se deltagere' onclick='showMembers(data.teams)'/></td>"; 
     output += "<td>" + prizes(data.prices) + "</td>";                        
     output += "</tr>"; 
}); 
output += ""; 
$('#data_insert').append(output); 

}）。これは完全なスクリプトです

「のデータが定義されていません」

すべての私は、関数で行うには、データをコンソールにある、と私はエラーを取得するhttps://github.com/Jakobtottrup/OptekSemester2/blob/master/Web/public/js/tournaments_admin.js

Answer 1

UPDATE：あなたは、文字列としてデータを渡しているように見えます。それが動作するかどうかを参照してください

$.each(tournamentsData, function(data) { 

onclick='showTourDescription(" + data.description + ")

Answer 2

// list tournaments 
 
$.when(document, getTournamentsData()).done(function(){ 
 
    var output = ""; 
 
    $.each(tournamentsData, function(key, data){ 
 
      output += "<tr class='data_row "+convertBoolean(data.isOpen)+"' id='"+data._id+"'>"; 
 
      output += "<td>" + (key+1) + "</td>";                           // index 
 
      output += "<td><b>" + data.name + "</b></td>";                         // navn 
 
      output += "<td>Start: " + data.begintime + "<br>Slut: " + data.endtime + "</td>";                // start/slut 
 
      output += "<td><input class='btn btn-primary' type='button' value='Se beskrivelse' onclick='showTourDescription("+data.description+")'/></td>";  // beskrivelse TODO 
 
      output += "<td><input class='btn btn-primary' type='button' value='Se billede' onclick='showPic("+data.description+")'/></td>";      // billede 
 
      output += "<td>Max antal: "+ data.max_teams +"<br>Tilmeldte: "+ data.teams.length +"</td><br>";             // hold 
 
      output += "<td><input class='btn btn-primary' type='button' value='Se deltagere' onclick='showMembers("+data.teams"+)'/></td>";      // medlemmer 
 
      output += "<td>" + prizes(data.prices) + "</td>";                        // præmier 
 
      output += "</tr>"; 
 
    });

に連結し、自分自身を私はあなたのコードを撮影した、とあなたはHTML文字列で行われてきたようにイベントハンドラも。あなたがする必要があるすべてでなければなりません。