Jak tworzyć przyciski obrazu, które aktywują funkcję jQuery / js

Musiałbym mieć podobne przyciski wewnątrz elementów tr, aby robić rzeczy js / jquery po kliknięciu.

O dziwo, trudno mi znaleźć dobrą wiedzę na temat wykonywania jquery / js z wbudowanego przycisku html / image.

Oto, co miałem na myśli:

najpierw utwórz niestandardową funkcję dla podobnego przycisku

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

następnie dynamicznie wstaw wywołanie funkcji i jego parametry (tak jak tabela jest tworzona w php) w ​​elemencie przycisku obrazu (tak w linii w html)

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

Które wyjścia

likebutn (słowo: foraminated, wordnumber: 1)

na przykład.

Jak więc wywołać taką funkcję z html?

Na sidenote, dlaczego jest tak dużo słuchania zdarzeń w przyciskach jquery / js, które widzę podczas surfowania w sieci (zamiast tego, co sugeruję), czy nie jest to wolniejsze niż wywoływanie inline w html?

Oto jak wyglądałby ten konstrukt:http://jsfiddle.net/Bc64R/

questionAnswers(1)

yourAnswerToTheQuestion