如何在HTML标记内将数据传递到函数中？

Question

I fixed the problem by calling a function, that graps the id of the table row it is placed in :)

I have this piece of code sorting some different stuff into a table, that works fine. The problem is to pass data into a function called inside HTML tags, like so: 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);

});

All I do in the function is to console the data, and I get error "data is not defined"

This is the full script https://github.com/Jakobtottrup/OptekSemester2/blob/master/Web/public/js/tournaments_admin.js

Answer 1

UPDATE: Looks like you are passing data as string. See if that works

$.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>"; }); 

I've taken your code, and as you've done in the HTML strings themselves, concatenated in the event handlers too. Should be all you need to do.