Question

我是Jquery的新手。我试图显示所获取的数据w.r.to clicked item。现在，在下面的示例中，如何将产品[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]);
});  
    });

如何使用jQuery在特定的点击项目上显示从php检索到的数据？

1 个答案: