Eu precisaria ter botões como dentro tr elementos para fazer js / jquery coisas quando clicado.

Estranhamente, estou tendo dificuldade em encontrar bons conhecimentos sobre como executar o jquery / js a partir do botão inline html / image.

Aqui está o que eu tinha em mente:

primeiro crie uma função personalizada para o botão like

      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});
      };

em seguida, inserir dinamicamente a chamada de função e seus parâmetros (como a tabela está sendo criada em php) no elemento de botão de imagem (para inline em html)

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

Quais saídas

likebutn (theword: foraminated, wordnumber: 1)

por exemplo.

Então, como eu evoco a função assim do html?

E em um sidenote, por que há tanta audição de eventos nos botões de imagem do jquery / js que estou vendo ao navegar na web (em vez do que estou sugerindo), não é mais lento do que evocar inline em html?

Veja como a construção ficaria:http://jsfiddle.net/Bc64R/