jQuery adding a function to a link question
Posted
by wali
on Stack Overflow
See other posts from Stack Overflow
or by wali
Published on 2010-03-15T16:30:53Z
Indexed on
2010/03/15
16:49 UTC
Read the original article
Hit count: 204
jQuery
Hello all,
I have a dynamically created table which in the last <td>
there is a hidden <div>
which is shown when the user hovers over a link in the <td>
. That all works fine but there are several links in the div that I want to fire a function based on the id of the link concat'd with an string captured from a <td>
from the parent row. I can capture the the variables I need from the id and <td>
but something is wrong with the click function I have created.
I monitored the function in FireBug and the function appears to be firing on all of the links instead of the one that is clicked. Here is my working code:
function fixLink() {
$('a.batchMatchLink').click(
function() {
var r = $(this).parent().parent().parent().parent().parent();
var x = $(this).attr("id");
var a = $(r).find('td:nth-child(6)').text();
var st = x + "." + a;
fireLink(st);
}
);
}
function fireLink(st) {
$.ajax({
type: "POST",
url: "AjaxWcf.svc/MatchBatch",
contentType: "application/json; charset=utf-8",
data: st,
dataType: "json",
success: function(msg) {
alert("Entry has been updated");
},
error: AjaxFailed
});
Why are all of the links firing?
Thanks!!!
© Stack Overflow or respective owner