Ich brauche Schaltflächen in tr-Elementen, um js / jquery-Dinge zu tun, wenn geklickt wird.

Seltsamerweise fällt es mir schwer, gute Kenntnisse darüber zu finden, wie man jquery / js über die Inline-HTML / Image-Schaltfläche ausführt.

Folgendes habe ich mir vorgestellt:

erstelle eine benutzerdefinierte funktion für den like button

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

Fügen Sie dann dynamisch den Funktionsaufruf und seine Parameter (während die Tabelle in PHP erstellt wird) in das Bild-Button-Element ein (also inline in HTML).

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

Welche Ausgänge

likebutn (theword: foraminated, wordnumber: 1)

zum Beispiel.

Wie rufe ich die Funktion so von HTML auf?

Und nebenbei bemerkt, warum gibt es so viel Event-Listening in jquery / js Bildschaltflächen, die ich beim Surfen im Internet sehe (anstelle dessen, was ich vorschlage), ist das nicht langsamer als das Aufrufen von Inline in HTML?

So würde das Konstrukt aussehen:http://jsfiddle.net/Bc64R/