如何将每个 XML 标签并排放置

Question

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

城镇名称 - 办公室名称 - 候选人姓名 - 得票数

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

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/

我怎样才能让它显示城镇名称 - 办公室名称 - 候选人姓名 - 投票数？

谢谢！

Answer 1

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

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 });
}

如何将每个 XML 标签并排放置

How to append each XML tag next to each other

xml

rss

jquery