Question

我目前正在研究我的一个项目，以便在本地存储中建立一个购物车。除了根据给定值删除本地存储上的项目外，一切正常。

我正在使用localstorage中的数组创建一个动态表。表格代码是：

    <table id="response">
    <tbody>
    <tr><td>prova</td><td>40</td><td><button class="myID" 
    onclick="deleteRow(this)">X</button></td></tr>
    <tr><td>test</td><td>30</td><td><button class="myID" 
    onclick="deleteRow(this)">X</button></td></tr>
    </tbody>
    </table>

但是，当我尝试删除项目时单击按钮并使用同一行中的第一个td作为值时，以下代码无法正常工作：

   function deleteRow(r) {
   var arr = JSON.parse(localStorage.getItem('item')); 

   var value = jQuery(r).find("td:first").text;

   for (var k in arr) {
   var name = arr[k].name ;
   if (name === value) {

    arr.splice(k, 1);

    localStorage.setItem("item", JSON.stringify(arr));
     }
   else {
    alert('falso');
    }
   }   
  var i = r.parentNode.parentNode.rowIndex;
  document.getElementById("response").deleteRow(i);
   }

问题必须在var值中，因为如果我为其分配给定值（例如“test”），该函数将清除localstorage数组中的corrispondent项。

感谢您的帮助！

Answer 1

您使用jQuery选择器获取文本时出现语法错误：...find('td:first').text;

应该是：...find('td:first').text();

Here's a quick fiddle使用相同的表格标记，以及一个接收整行的点击处理程序，例如deleteRow()函数，只是为了帮助排除故障。通过正确的text()调用，它会将您的文本值写入控制台。

＆＃13;

$(document).ready( function($) {
	$('#response tr').on('click', function(e) {
  	console.log($(this).find("td:first").text());
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="response">
    <tbody>
    <tr><td>prova</td><td>40</td><td><button class="myID">X</button></td></tr>
    <tr><td>test</td><td>30</td><td><button class="myID">X</button></td></tr>
    </tbody>
    </table>

＆＃13;

获取第一个td文本以删除localstorage数组中的项目

1 个答案: