jQuery adding a function to a link question
- by wali
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!!!
