使用 jQuery 或 Javascript 从 Cookie 中删除特定数据

德鲁旺盖加尔

我正在为调度日历操作 cookie 数据。我在 cookie 中排列了数组，使用它我制作了表格。现在我想从该行最后一列的最后一个删除按钮中删除表格行。

我的代码如下

$cookie_data = '2017-06-27+06:00-06:30,2017-06-29+12:00-12:30,2017-07-01+06:00-12:00-17:00 ';

echo '<table class="table table-bordered"  id="schedule">
<tr>
<th>Date</th>
<th>Times</th>
<th>Delete</th>
</tr>';
$val = $cookie_data;
$num_dates = explode(',',$val);
foreach($num_dates as $k => $v){
    $bdata = explode('+',$v);
    echo '<tr><td><label>'.$bdata[0].'</label></td><td><label>'.$bdata[1].'</label></td><td><button>Delete</button></td></tr>';
}
echo '</table>';

代码也在 phpfiddle 上运行。

http://phpfiddle.org/main/code/8ch0-merp

现在我想通过单击删除按钮来删除任何值。

尼拉夫·乔希

试试这个，

目前它会在小提琴中出错。因为 stackoverflow 不允许设置自定义 cookie。所以你可以在你身边试试这个代码，我也将代码html转换为php.

您可以根据需要设置您的 cookie 名称，我只是在这里举个例子。

希望这会帮助你:)

$("button").on("click",function() {
    var cookieStr = $(this).attr("data-cookie");
    var setCookieVal = [];
    var cookieValue = $("#cookievalue").val().split(",");
    for(i = 0; i< cookieValue.length; i++) {
        if(cookieStr !== cookieValue[i]) {
           setCookieVal.push(cookieValue[i]);
        }
    }
    $.cookie("yourCookie",setCookieVal);
    $(this).parent().parent().remove();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<body>
  <input type="hidden" value="2017-06-27+06:00-06:30,2017-06-29+12:00-12:30,2017-07-01+06:00-12:00-17:00" id="cookievalue">
  <table class="table table-bordered" id="schedule">
	  <tbody>
      <tr>
        <th>Date</th>
        <th>Times</th>
        <th>Delete</th>
      </tr>
      <tr>
        <td><label>2017-06-27</label></td>
        <td><label>06:00-06:30</label></td>
        <td>
          <button data-cookie="2017-06-27+06:00-06:30">Delete</button>
         </td>
      </tr>
      <tr>
        <td><label>2017-06-29</label></td>
        <td><label>12:00-12:30</label></td>
        <td>
          <button data-cookie="2017-06-29+12:00-12:30">Delete</button>           
        </td>
      </tr>
      <tr>
        <td><label>2017-07-01</label></td>
        <td><label>06:00-12:00-17:00 </label></td>
        <td>
          <button data-cookie="2017-07-01+06:00-12:00-17:00">Delete</button>           
        </td>
      </tr>
    </tbody>
  </table>
</body>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。