在html元素中显示变量结果 - JS

Question

使用下面的代码，我无法访问影响我的计算的html $(this).find(".total span")和line-total。

当我提醒我的变量时，结果是准确的，但是我无法到达$(this).find(".total span")和line-total来显示结果。

我如何才能到达$(this).find(".total span")和line-total？

  function source(product)
        { 
          var item = JSON.parse(product.dataset.product), checker ;
          if(product.checked == true)  {

            checker = $('.panel_input[data-id="' + item.id + '"]');

        if (checker.length) { checker.closest('.container').find('.quantity').val(function(i, value) {

           quantity = parseInt(value, 10) + 1;
           price = Number($(this).closest('div').find('.price').data('price'));         
           $(this).find(".total span").text(quantity * price);

            sum = 0;

           $(".line-total").each(function(){
           sum = sum + Number($(this).text());
           })   
           return parseInt(value, 10) + 1;

          })
        }

    else {

        $('.panel').append(
            '<div class="container"> '+ 
        '<input type="hidden"  value='+product.id+' data-id="'+product.id+'"   name="product_id[]" />'+
            '<table style="width:100%;" class="table" id="tables">'+
            '<thead>'+
            '<thead>'+
    '<tbody>'+
    '<tr>'+
    '<td  class="name" >'+product.name+'</td>'+
    '<td  class="price" data-price="'+product.price+'">'+product.price+'</td>'+
    '<td><p class="total" ><span class="line-total" name="total" id="total"></span></p></td>'+

    }