Как создать кнопки изображений, которые активируют функцию jQuery / js

Мне нужно, чтобы внутри элементов tr были одинаковые кнопки для выполнения js / jquery при нажатии.

Странно, но мне трудно найти хорошие знания о том, как выполнить jquery / js с помощью встроенной кнопки html / image.

Вот что я имел в виду:

сначала создайте пользовательскую функцию для кнопки «Мне нравится»

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

затем динамически вставьте вызов функции и ее параметры (так как таблица создается в php) в элемент кнопки изображения (встроенный в html)

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

Какие выводы

likebutn(theword:foraminated, wordnumber:1)

например.

Итак, как мне вызвать функцию из HTML?

И в связи с тем, почему в кнопках изображений jquery / js наблюдается такое большое количество прослушиваний событий, которые я вижу при просмотре веб-страниц (вместо того, что я предлагаю), не медленнее ли это, чем вызывать inline в html?

Вот как будет выглядеть конструкция:http://jsfiddle.net/Bc64R/

Ответы на вопрос(1)

Ваш ответ на вопрос