Necesitaría tener como botones dentro de los elementos tr para hacer js / jquery cosas cuando se hace clic.

Curiosamente, me resulta difícil encontrar un buen conocimiento sobre cómo ejecutar jquery / js desde el botón de html / image en línea.

Esto es lo que tenía en mente:

Primero crea una función personalizada para el botón Me gusta

      jQuery.fn.likebutn = function(theword, wordnumber) {

      //check if button is lighted up and if it is break


      //change button to lighted up
      jQuery(this).attr("src", "http://i46.tinypic.com/n18g3q.png");

      //add word to a div element
      jQuery('#cntrldiv0').append("<p>theword<p>");

      //ajax like.php file with the word and username/id
      jQuery.post('like.php', {theword:theword, userid: userid});
      };

luego inserte dinámicamente la llamada a la función y sus parámetros (ya que la tabla se está creando en php) en el elemento del botón de imagen (en línea en html)

likebutn({theword: ${'row' . $wordnumber}, wordnumber:$wordnumber});

Que salidas

likebutn (theword: foraminated, wordnumber: 1)

por ejemplo.

Entonces, ¿cómo evoco la función de html?

Y en una nota al margen, ¿por qué hay tanto evento escuchando en los botones de imagen de jquery / js que veo cuando navego por la web (en lugar de lo que sugiero), no es más lento que evocar en línea en html?

Así es como se vería la construcción:http://jsfiddle.net/Bc64R/