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


Javascript access TDs from closest TR. Javascript PHP Session

我正在使用这个片段: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,它们都应该是基于其他函数的类输入的tds。

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

知道吗?提前谢谢。

编辑:如果您想使用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创建页面,则可以在渲染时直接将这些会话数据放在表中。

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