jquery阅读儿童XML数据

Question

我想知道如何解决我的脚本，我想有一个警报发生在你点击按钮，但它跟上发生在同一页上的XML的变化。 我会认为这个脚本会工作，当然，当我点击按钮没有任何反应。以为我会看到是否可以从更有经验的人那里得到任何意见。

$(document).ready(function(){ 

function get_info() { 
    $.ajax({ 
     type: "GET", 
     url: "xmldata/product.xml", 
     dataType: "xml", 
     cache: false, 
     complete: function(doc) { 
      var product = $(doc.responseText).find("product").text() == 1; 
      var name = product.next().children("name").text(); 
      var cost = product.next().children("cost").text(); 
      $("#xmlalert").click(function(){ 
           alert(cost); 
      }) 
     } 
    }); 

} 
setInterval(function() { 
    get_info(); 
}, 5000); 
}); 

XML数据，如下所示：

<?xml version="1.0" encoding="utf-8"?> 
<store> 
    <product>1</product> 
    <info> 
     <name>Toy</name> 
     <cost>1196</cost> 
    </info> 
</store> 

Answer 1

HTML代码

<button class="button" id="1">One</button> 
<button class="button" id="2">Two</button> 

更改你的JavaScript代码，如：

$(document).ready(function(){ 
     function get_info() { 
     $.ajax({ 
      type: "GET", 
      url: "xmldata/product.xml", 
      dataType: "xml", 
      cache: false, 
      complete: function(doc) { 
      $(".button").click(function(event){ 
       console.log($(this).attr('id')); 
       var product = $(doc.responseText).find("product").eq($(this).attr('id')-1); 
       var currentIndex=0; 
       product.each(function(index){ 
        var name = $(this).next().children("name").text(); 
        var cost = $(this).next().children("cost").text(); 
        alert(cost);  
       }); 
      }); 
     } 
     }); 

     } 
     setInterval(function() { 
      get_info(); 
     }, 2000); 
}); 

XML是

<?xml version="1.0" encoding="utf-8"?> 
<store> 
    <product>1</product> 
    <info> 
     <name>Toy</name> 
     <cost>1196</cost> 
    </info> 
    <product>2</product> 
    <info> 
     <name>Toy 2</name> 
     <cost>11962</cost> 
    </info> 

</store>