Question

我有一个表，其中包含数组中每个元素的行。我想在单击删除图像时删除元素（图像的标识为deleteRowButton）。当您单击图像时没有任何反应，但是如果我删除var index行，表行将按预期淡出（但当然不会删除数组元素。

$(document).on('click', '#deleteRowButton', function() {
    var index = $(this).closest('tr').attr(id); 
   //Set index to the id of table row (number corresponding to their position in the array)
    remove_index(index); 
    $(this).closest("tr").fadeOut('slow');
    return false;
});

function remove_index(value) {
    $.post("./remove_array_item.php", {index:value});
}

以下是remove_array_item.php中删除数组元素的代码：

<?php  
include("./config/init.php"); //Contains session_start() etc. 

$index = $_POST['index']; //index variable passed in
$ca = $_SESSION["objColl"]; //get array from session variable
$ca->delLineItem($index); //delete item of array at index
$_SESSION["objColl"] = $ca; //store array as session variable 
?>

所以我想知道的是：

如果我包含以下内容，为什么jquery函数会停止触发：

var index = $(this).closest('tr').attr(id);

即。如果我将它注释掉，该函数将使表格行淡出。

我在remove_array_item.php中的功能出了什么问题，因为即使我删除var index并只传递索引的值，也是如此

remove_index(1);

它仍然不会从数组中删除该项目，因此当我刷新页面时，该项目又回到了表格中。

Answer 1

将var index = $(this).closest('tr').attr(id);更改为var index = $(this).closest('tr').attr('id'); 您忘记了id周围的引号。

Answer 2

我认为你通过将点击事件绑定到Id来犯了一个错误，因为你将拥有多行。您需要共享HTML以澄清此问题。

疯狂猜测。将#deleteRowButton（id）更改为.deleteRowButton（class）。

另请注意，attr（）函数只接受字符串作为参数。

$（本）.closest（ 'TR'）ATTR（ “ID”）;

从会话数组Jquery Ajax中删除项目

2 个答案: