XML jquery解析：仅显示具有特定值的结果

Question

例如，我有这个 XML：

<data>
    <area>
        <state>SABAH</state>
        <parlim>P1</parlim>
        <name>Alice Smith</name>
    </area>
    <area>
        <state>SABAH</state>
        <parlim>P2</parlim>
        <name>John Smith</name>
    </area>
    <area>
        <state>SABAH</state>
        <parlim>P3</parlim>
        <name>Peter Smith</name>
    </area>
    <area>
        <state>SARAWAK</state>
        <parlim>P4</parlim>
        <name>Paul Smith</name>
    </area>
</data>

我正在使用 jquery 将其解析为 html 表：

 $.ajax({
  type: "GET",
  url: "parse.xml", 
  dataType: "xml",
  success: function(xml) {
   $(xml).find('area').each(function(){
    var Col0 = $(this).find('state').text();
    var Col1 = $(this).find('parlim').text();
    var Col2 = $(this).find('name').text();
    $('<tr></tr>').html('<td>'+Col0+'</td><td>'+Col1+'</td><td>'+Col2+'</td>').appendTo('#chart');
   });
  }
 });
});

如何使它仅显示状态为 SABAH 的结果（即前 3 个结果）？提前致谢

Answer 1

改变

$(xml).find('area').each(function(){
    var Col0 = $(this).find('state').text();
    var Col1 = $(this).find('parlim').text();
    var Col2 = $(this).find('name').text();
    $('<tr></tr>').html('<td>'+Col0+'</td><td>'+Col1+'</td><td>'+Col2+'</td>').appendTo('#chart');
});

到

$(xml).find('area').each(function(){
    var Col0 = $(this).find('state').text();
    // check if Col0 = SABAH
    if (Col0 === 'SABAH') { 
       var Col1 = $(this).find('parlim').text();
       var Col2 = $(this).find('name').text();
       $('<tr></tr>').html('<td>'+Col0+'</td><td>'+Col1+'</td><td>'+Col2+'</td>').appendTo('#chart');
    }
});

这使用if 语句检查state 标记中的文本以决定是否继续