2010-01-28 122 views
0

我有jQuery和XML的问题。 我正在使用jQuery从XML文件加载数据。它工作正常 但我想显示数据跟随列表格式与其标题,当我点击标题的信息将显示。 我该怎么办?如何显示XML文件后续列表格式的数据?

我的代码:

$(document).ready(function(){ 
    $.ajax({ 
    type: "GET", 
    url: "xml/tuyendung.xml", 
    dataType: ($.browser.msie) ? "text" : "xml", 
    success: function(xml) { 

     var newXML = parseXml(xml); 


     $(newXML).find('TDDetail').each(function(){ 

      var emailid = $(this).attr('email'); 
      var tdcode = $(this).attr('tdcode'); 
      var title = $(this).find('jobtitle').text(); 
      var position = $(this).find('positiontitle').text(); 
      var jobdescribe= $(this).find('jobdescribe').text(); 
      var jobexperience= $(this).find('jobexperience').text(); 
      var jobskills= $(this).find('jobskills').text(); 
      var jobtime= $(this).find('jobtime').text(); 
      var joblocation= $(this).find('joblocation').text(); 
      var jobcategory= $(this).find('jobcategory').text(); 
      var joblevel= $(this).find('joblevel').text(); 
      var jobsalary= $(this).find('jobsalary').text(); 
      var ecount=0; 
      matd=new Array(); 


       if($(this).attr('email')==GetCookie('Email') && tdcode==tdcode ) 
       {  


        $('<div class="items" id="link_'+tdcode+'"></div>').html('<a href="javascript:hienthi()">'+title+'</a>').appendTo('#textb'); 

       }        

      }); 

     } 
    }); 
}); 

和我的XML文件:

<?xml version="1.0"?> 
<TD> 
    <TDDetail email="[email protected]" tdcode="TD001" jobtitle="quan ly"> 
     <jobtitle>Quan ly</jobtitle> 
     <positiontitle>Manager</positiontitle> 
     <jobdescribe>Quan ly nhan su cong ty ABC</jobdescribe> 
     <jobexperience>2</jobexperience> 
     <jobskills>Anh van giao tiep tot. Chung chi tin hoc B</jobskills> 
     <jobtime>Fulltime</jobtime> 
     <joblocation>CanTho</joblocation> 
     <jobcategory>IT-Software</jobcategory> 
     <joblevel>Manager</joblevel> 
     <jobsalary>thoa thuan</jobsalary> 
    </TDDetail> 
    <TDDetail email="[email protected]" tdcode="TD002" jobtitle="quan ly ma"> 
     <jobtitle>Quan ly ma</jobtitle> 
     <positiontitle>Manager</positiontitle> 
     <jobdescribe>Quan ly nhan su cong ty ABC</jobdescribe> 
     <jobexperience>2</jobexperience> 
     <jobskills>Anh van giao tiep tot. Chung chi tin hoc B</jobskills> 
     <jobtime>Fulltime</jobtime> 
     <joblocation>CanTho</joblocation> 
     <jobcategory>IT-Software</jobcategory> 
     <joblevel>Manager</joblevel> 
     <jobsalary>canh tranh</jobsalary> 
    </TDDetail> 
    <TDDetail email="[email protected]" tdcode="TD003" jobtitle="giam doc"> 
     <jobtitle>Giam Doc Van Phong</jobtitle> 
     <positiontitle>Manager</positiontitle> 
     <jobdescribe>Quan ly nhan su cong ty ABC</jobdescribe> 
     <jobexperience>2</jobexperience> 
     <jobskills>Anh van giao tiep tot. Chung chi tin hoc B</jobskills> 
     <jobtime>Fulltime</jobtime> 
     <joblocation>CanTho</joblocation> 
     <jobcategory>IT-Software</jobcategory> 
     <joblevel>Manager</joblevel> 
     <jobsalary>compete</jobsalary> 
    </TDDetail> 
    <TDDetail email="[email protected]" tdcode="TD003"><jobtitle>Giao hang</jobtitle><positiontitle>employee</positiontitle><jobdescribe>Tuyen nhan vien gio hang trong noi thanh Can Tho</jobdescribe><jobexperience>0</jobexperience><jobskills>Lanh le , gioi viec</jobskills><jobtime>Parttime</jobtime><joblocation>CanTho</joblocation><jobcategory>Sale</jobcategory><joblevel>graduate</joblevel><jobsalary>thoa thuan</jobsalary></TDDetail></TD> 
+0

你实际上并没有在任何地方使用xml .... – cjk 2010-01-28 08:30:30

回答

0

我认为你必须:

VAR newXML = parseXml(XML);

,只是直接使用XML作为:

 $(xml).find(....... 

编辑

/space/ <?xml version="1.0"?> 

请检查是否有<?xml ...前一个空间,有时可以给错误IE浏览器...标记...你可以做验证检查here

+0

但是当我使用$(xml).find(...)它不适用于ie – Kency 2010-01-28 08:30:21

+0

只有IE不工作?...让我检查一下。 .. :) – Reigel 2010-01-28 08:46:11