2017-08-22 275 views
0

即時嘗試在這裏做的是獲取單擊函數上的表的id,然後當我單擊刪除按鈕時,它會得到該id並將其刪除。將變量從一個Jquery函數傳遞給另一個

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

我在做什麼錯在這裏

+0

你存儲的ID表的TR它被認爲是固定的嗎? –

+0

即時獲取tr的id並將其保存到var id –

回答

0

我假設你對下面每一行按鍵的HTML數據屬性,這是你想要的行 - 使用變量的作用域兩種功能 訪問刪除。獲取行I的ID。

表的每一行都有一個唯一的ID。下面的Jquery函數使用「最接近」的方法並獲取ID。從那裏你可以刪除它。

下面是代碼,沒有測試,但它應該:-)

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

不,我在頂部有一個按鈕我做什麼是當我點擊一行它將獲得id並突出顯示該行然後當我將點擊刪除按鈕,它將刪除該行,這就是爲什麼我需要將ID從一個函數傳遞到另一個函數 –

+0

然後,我會從Zim84的全局變量的解決方案。 :-)你可以將它作爲session.storage保存在瀏覽器中。當用戶單擊該行時,該id將保存在session.storage中。單擊該按鈕可以獲取會話存儲並刪除該行。檢查:HTTPS://www.w3schools.com/html/html5_webstorage.asp – Troels

1

你的變量ID僅僅是函數內有效。嘗試要麼 - 使用tr標籤

+0

非常感謝你 –

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

工作用的sessionStorage感謝大家

相關問題