Comment passer une variable en tant que paramètre de fonction

Question

J'ai cette fonction qui transforme les cellules avec la classe modifiable (td.editable) en champs de saisie. Maintenant, vous devez passer la ligne à la fonction. Par exemple: editRow(myRow). Donc en utilisant this.parentNode.id, j'obtiens l'identifiant de la ligne. Mais quand je passe la valeur en paramètre à la fonction editRow, elle ne fait rien.

Je pense que la fonction pense que rowId est le nom réel de la ligne, au lieu d'utiliser le contenu de la variable rowId comme nom de la ligne.

function editRow(row) { 
$('td.editable',row).each(function() { 
    $(this).html('<input type="text" value="' + $(this).html() + '" size="10" />'); 
}); 
}  

/* click on cell with .editable class */ 
$(".editable").click(function() { 
    rowId = this.parentNode.id; 
    editRow(rowId); 
}); 

Answer 1

editRow ne prend pas un identifiant de ligne, il faut une ligne entière (l'élément DOM lui-même). Vous transmettez simplement les mauvaises données. Essayez:

$('.editable').click(function(){ 
    editRow(this.parentNode); 
}); 

Answer 2

Compte tenu de votre fonction ici:

/* click on cell with .editable class */ 
$(".editable").click(function() { 
rowId = this.parentNode.id; 
editRow(rowId); 
}); 

Vous passez l'identifiant à votre fonction EditRow. Donc, à l'intérieur EditRow, vous pouvez simplement faire ceci:

function editRow(row) { 
    $('#' + row +' td.editable').each(function() { 
     $(this).html('<input type="text" value="' + $(this).html() + '" size="10" />'); 
    }); 
} 

'#' est le sélecteur id jquery