如何将每个XML标记彼此相邻

时间:2016-11-07 21:57:15

标签: jquery xml rss

我正在为选举之夜制作一个滚动选框,它将获取数据并将其按顺序排列如下:

城镇名称 - 办公室名称 - Canidate名称 - 投票

现在它将所有城镇名称,然后是所有办公室名称,然后是所有候选人名称,然后是所有选票。

Jquery的

        $(document).ready(function()
{
  $.ajax({
    type: 'GET',
    url: 'https://vtelectionresults.sec.state.vt.us/rss/2713/ResultsData.xml',
    crossDomain: true,
    success: parseXml
  });
});

function parseXml(xml)
{
  $(xml).each(function()
  {
      var townname = $(this).find('TownName').text() + ' - ';
      var officename = $(this).find('OfficeName').text() + ' - ';
      var name = $(this).find('Name').text() + ' - ';
      var votes = $(this).find('Votes').text() + ' - ';


      $("#marquee").append(townname + officename + name + votes);

      }); 
      $('#marquee').marquee({ duration: 20000});    

}

XML: https://vtelectionresults.sec.state.vt.us/rss/2713/ResultsData.xml

js fiddle:https://jsfiddle.net/jeffd/fq4ujyy2/

我怎样才能让它显示城镇名称 - 办公室名称 - Canidate名称 - 投票?

谢谢!

1 个答案:

答案 0 :(得分:0)

你需要移动你的});在调用marquee方法之前结束每个循环的字符。

function parseXml(xml)
{
  $(xml).each(function()
  {
      var townname = $(this).find('TownName').text() + ' - ';
      var officename = $(this).find('OfficeName').text() + ' - ';
      var name = $(this).find('Name').text(); + ' - '
      var votes = $(this).find('Votes').text(); + ' - '

   $("#marquee").append(`<p> ${townname} ${officename} ${name} ${votes} </p>`);
    });
      $('#marquee').marquee({ duration: 20000 });
}