2010-01-28 48 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