私はショッピングカート用のデータベースからデータを取得する次のJavaScriptを持っています。しかし、私はカートのデータを削除したいとき、私のコードは動作しません。 コードのこの部分にうまく収まっているかどうかわかりません。 javascript:deleteRow(this)
Not working JavaScript function delete
listarPedido()
と(下にある)deleteRow(r)
の2つの機能の完全なコードを残します。
function listarPedido(){
var articulos = localStorage.getItem("productos");
var productos = articulos.split(";");
var contador = 0;//cuenta numero de articulos en el carrito
for(var i = 0; i < productos.length - 1; i++){
var item = productos[i].split(",");
var pedido = "";
for(var j = 0; j < item.length; j++){
pedido = '<tr>'+
'<td class="text-center">'+ '<img style="width: 100px; height: 100px" src="' + item[0] + '"/></td>' +
'<td id="celiminar" style="text-align:left;"><b>'+ item[1].toUpperCase() + '<br><br><br><br></b>' +
'<a style="text-decoration:none">Editar</a> | <a href="javascript:deleteRow(this)" style="text-decoration:none;">Delete</a></td>' +
'<td style="text-align:right; color:red"><b>'+ 'S/.'+ item[2] + '</b></td>' +
'<td class="text-center"><b>'
+ '<input type="number" name="txtcant'+i+'" id="txtcant'+i+'" min="1" max="15" value="'+ item[3] +'" class="form-control">' +
'</b></td>'+
'<td style="text-align:right;"><b>'+ 'S/.'+ (item[2]*item[3]).toFixed(2) + '</b></td>';
}
//<a href="javascript:void()"><i class="fa fa-trash"></i></a>
$("#detallePedido").append(pedido);
$("#txtcant"+i).change(function(){
resumen();
//al cambiar el numero actualiza el total
$("#detallePedido tr").find("td").eq(4).html('<b>'+ 'S/.'+ (item[2] * $(this).val()).toFixed(2)+ '</b>');
});
contador++;
}
$("#lblnum").text(contador +" ARTÍCULOS");
}
function deleteRow(r) {
var i = r.parentNode.parentNode.rowIndex;
document.getElementById(".table").deleteRow(i);
}
は "動作しない" を定義します。 –
一方、 'document.getElementById("。table ")'を実行しますが、そこには参照はありません。また、あなたのHTMLには '