jQueryを使用して、特定のクリック項目でPHPから取得したデータを表示するには？

Question

私はJqueryを初めて使用しています。私はアイテムをクリックしてフェッチされたデータを表示しようとしています。 以下の例では、商品[0]と商品[1]をクリックしたアイテムのスパンの要素に表示する方法を示します。例えば

- 予想される出力：

item1 1 2 
item2 3 4 

HTML：

<table> 
    <tr> 
     <td><a href="" myval="item1">item1</a> 
      <span class="qty1"></span> 
      <span class="qty2"></span> 
     </td> 

    </tr> 
<tr> 
    <td><a href="" myval="item2">item2 
      <span class="qty1"></span> 
      <span class="qty2"></span> </td>  
    </tr> 
<tr> 
    <td><a href="" myval="item3">item3 
      <span class="qty1"></span> 
      <span class="qty2"></span>  </td> 
    </tr> 

    </table> 

のjQuery：

$('a').click(function(){ 
      var node=$(this); 
     var item = node.attr('myval'); 

     $.post('month_copy.php', {"bcode":item,"month":"February"}, function(data){ 

     var products = data.split("|"); 
    node.find(".qty1").html(products[0]); 
    node.find(".qty2").html(products[1]); 
}); 
    }); 

month_copy.php：

echo 1."|".2 //item1 
echo 3."|".4; //item2 

jQueryに何か問題があることを知っています。私にお勧めします。前もって感謝します。

Answer 1

tdは子供のためにaと.findの子供ではありません。

$('a').click(function(){ 
      var node=$(this); 
     var item = node.attr('myval'); 

     $.post('month_copy.php', {"bcode":item,"month":"February"}, function(data){ 

     var products = data.split("|"); 
    node.closest('td').find('.qty1').html(products[0]); 
    node.closest('td').find('.qty2').html(products[0]); 
}); 
    });