Javascript 从最近的 TR 访问 TD。 Javascript PHP 会话

Question

我正在使用这个片段：http://bootsnipp.com/snippets/featured/payment-form-with-total-preview

我的问题是在 X 单击上，当删除一个元素时，我想访问 TD 的值（概念、描述、数量、状态和日期），以便在获得这些值后，从我的 PHP 会话数组中删除该元素，该数组是所有付款的数组，所以我只是根据我得到的值进行取消设置。

这是我到目前为止所做的：

$(document).on('click', '.input-remove-row', function(){ 
    var tr = $(this).closest('tr');

    var tds = tr.children('td');

    var txt = $(tds[0]).text()
    var txt1 = $(tds[1]).text()
    var txt2 = $(tds[2]).text()

    document.write (txt1)

    tr.fadeOut(200, function(){

        tr.remove();
        calc_total()
    });
});

我尝试打印 txt、txt1 和 txt2 的值，但我总是得到数量，我没有达到其他 tds，它们都应该是 class 输入基于的 tds另一个函数。

另一个问题是如何处理这里的会话，但这不是最高优先级的问题。

有什么想法吗？提前谢谢你。

Answer 1

编辑：如果你想使用 php 来存储会话值，那么你应该使用 $.ajax:

$(document).on('click', '.input-remove-row', function(){ 
    var tr = $(this).closest('tr');

    var tds = tr.children('td');

    var txt = $(tds[0]).text()
    var txt1 = $(tds[1]).text()
    var txt2 = $(tds[2]).text()

    var data = {
      concept: txt,
      description: txt1,
      amount: txt2
    };

    $.ajax("YOUR_PHP_POST_URL", {
      type: 'POST',
      data: data,
      success: function(response) {
        //Check if store success
        if (POST_SUCCESS) {
          // remove tr and calc total here
          tr.fadeOut(200, function(){
             tr.remove();
            calc_total();
          });
        } else {
          //notify store failed...
        }
      },
    });
});

当你想要会话数据时，你可以使用：

$.ajax("YOUR_PHP_GET_URL", {
  success: function(response) {
    // convert reposnse to object
    // then do something like append this data to table, and calc_total
  },
});

或者如果您使用PHP创建页面，您可以在渲染时直接将那些会话数据放在table上。

有关 ajax 的更多信息，请转到 jquery ajax，您还可以在互联网上找到更多详细信息和示例。

Javascript 从最近的 TR 访问 TD。 Javascript PHP 会话

Javascript access TDs from closest TR. Javascript PHP Session

javascript

php

jquery

code-snippets

twitter-bootstrap