将变量从一个Jquery函数传递给另一个

Question

What im trying to do here is getting the id of a table on click function and then when i click the delete button it would get that id and delete it.

$("table tr").click(function () {
var id;
  $(this).removeClass('table-hover');
$(this).css("background-color", "#4682B4");
id = $(this).find(".id").html();
alert("Are you sure you want to delete data with id = " + id);  //using just to check if its getting the id of the row


});


 $('.btnDelete').click(function () {


$.ajax({
    contentType: 'application/json; charset=utf-8',
    dataType: 'json',
    type: 'POST',
    url: 'EmployeeDelete',
    data: JSON.stringify({ id: id }),
    success: function (data) {
               }
});
});

what am i doing wrong here

Answer 1

Your variable id is only valid inside that function. Try either - using the variable in a scope accessible for both functions - use the html-data attributes in the tr tag

Answer 2

 $("table tbody tr").click(function (event) {


$(this).removeClass('table-hover');
$(this).css("background-color","#4682B4");
if (typeof(Storage) !== "undefined")
{
    sessionStorage.empID = $('td.id', this).html();
}
else{
    document.getElementById("result").innerHTML = "Sory, browser does not support  web storage";
    }

$.ajax({
    contentType: 'application/json; charset=utf-8',
    dataType: 'json',
    type: 'POST',
    url: 'getID',
    data: JSON.stringify({ empID: sessionStorage.empID }),
    success: function (data) {
    },
    failure: function (response)
    {
        $('#result').html(response);
    }
});
 });

it got fixed by using sessionstorage thanks everyone

Answer 3

I assume you have a button on each row in the following, and it is a row you want to delete. To grab the ID of the row I.

Each row of the table have a unique ID. The Jquery function below use the "closest" method and grabs the ID. From there you can delete it.

Here is the code, not tested, but it should work :-)

var button = $('.MyButtonClass');    $(button).on( 'click', function () {
        var rowID = $(this).closest("tr").attr("id");
        //Delete the row });