あるJquery関数から別のJquery関数に変数を渡す

Question

ここで何をしようとしているのは、クリック機能でテーブルのIDを取得してから、削除ボタンをクリックするとそのIDを取得して削除します。ここ

$("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) { 
       } 
}); 
}); 

私が間違って何をやっている

Answer 1

次の各行にボタンがあると仮定します。削除する。行のIDを取得する。

テーブルの各行には一意のIDがあります。以下のJquery関数は、「最も近い」メソッドを使用してIDを取得します。そこから削除することができます。ここで

は、コード、テストされていないが、それは

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

Answer 2

あなたの変数IDは、その関数内でのみ有効です。いずれかを試してください - 両方の関数でアクセス可能なスコープで変数を使用する - trタグのhtml-data属性を使用する

Answer 3

$("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); 
    } 
}); 
}); 

:-)動作するはずです、それはあなたがテーブルのTRでIDを格納しているのsessionStorageおかげでみんな