Plocka data från xml via JQuery

God kväll kära Sweclockare

Har inte hållt på med någon form av kod på alldeles för länge så kommer tametusan inte ihåg längre.
Efter mer googlande än jag vågar erkänna så tänkte jag att jag frågar experterna här.

Jag försöker som rubriken säger plocka ur data från SL's xml respons för att egentligen hålla rätt på avgångar via buss, tunnelbana, pendel och ja allt och visa på min egna hemsida.

<script>
$(function(){
var xml = $.parseXML(<?php echo $slUrl; ?>);
var xmlDoc = $.parseXML(xmlDoc);
var $xml = $($xmlDoc);

var $responseData = $xml.find("Bus");
$bus.each(function(){
var linenumber = $(this).find('LineNumber').text(),
destination = $(this).find('Destination').text();

$("#Trafik" ).append('<li>' +linenumber+ ' - ' +destination+ '</li>');
})
})
</script>
<ul id="Trafik">

</ul>

Ett utdrag från XML filen jag vill ta information från är som följande (dock saxat då det är rätt mycket information)
<ResponseOfDepartures xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
<StatusCode>0</StatusCode>
<ExecutionTime>159</ExecutionTime>
<ResponseData>
<LatestUpdate xmlns="http://sl.se/Departures.xsd">2017-08-12T19:05:20</LatestUpdate>
<DataAge xmlns="http://sl.se/Departures.xsd">5</DataAge>
<Metros xmlns="http://sl.se/Departures.xsd"/>
<Buses xmlns="http://sl.se/Departures.xsd">
<Bus>
<TransportMode>BUS</TransportMode>
<LineNumber>176</LineNumber>
<Destination>Stenhamra</Destination>
<JourneyDirection>2</JourneyDirection>
<GroupOfLine>blåbuss</GroupOfLine>
<StopAreaName>Solna station</StopAreaName>
<StopAreaNumber>50146</StopAreaNumber>
<StopPointNumber>50352</StopPointNumber>
<StopPointDesignation>A</StopPointDesignation>
<TimeTabledDateTime>2017-08-12T19:04:00</TimeTabledDateTime>
<ExpectedDateTime>2017-08-12T19:05:24</ExpectedDateTime>
<DisplayTime>Nu</DisplayTime>
<JourneyNumber>10321</JourneyNumber>
</Bus>
<Bus>
<TransportMode>BUS</TransportMode>
<LineNumber>67</LineNumber>
<Destination>Skansen</Destination>
<JourneyDirection>1</JourneyDirection>
<StopAreaName>Solna station</StopAreaName>
<StopAreaNumber>50146</StopAreaNumber>
<StopPointNumber>50352</StopPointNumber>
<StopPointDesignation>A</StopPointDesignation>
<TimeTabledDateTime>2017-08-12T19:06:17</TimeTabledDateTime>
<ExpectedDateTime>2017-08-12T19:07:07</ExpectedDateTime>
<DisplayTime>1 min</DisplayTime>
<JourneyNumber>2996</JourneyNumber>
</Bus>

Håller för övrigt på att knacka ihop en smart spegel där jag kan via spegeln kan se tid, SL-avgångar samt väder

Precis det jag är ute efter men den hämtar ingen data dessvärre.
Kan JQuery vara kinkigt pga att jag lägger in diverse parametrar i url:en till xml filen kanske?

Ser ut såhär (utan api nyckeln):
http://api.sl.se/api2/realtimedeparturesV4.xml?key=härärapike...

var xml = $.parseXML(<?php echo $slUrl; ?>);

Ja precis, php variabeln innehåller en länk till SLs api samt en key och hur ofta jag hämtar data (120 sekunder).
Ber om ursäkt, men är väldigt rostig på allt vad kod heter då jag inte gjort på flera år, men hur plockar man värden från XML dokumentet (http://api.sl.se/api2/realtimedeparturesV4.xml?key=här är api key&siteid=9509&timewindow=120) och kan göra något vettigt med det?
Går att plocka via PHP men får ut ett helt XML träd då och inte det jag är ute efter.

Hur menar du?

Kör koden jag fick av dig med undantaget på xml url:en

  <script>
    $(document).ready(function() {
      $.get("http://api.sl.se/api2/realtimedeparturesV4.xml?key=keyhär&sit...", function(data) {
        var xmlDoc = $(data);
        xmlDoc.find('Bus').toArray().forEach(function(bus) {
          var lineNumber = $(bus).find('LineNumber');
          $("#bussar").append('<li>' + lineNumber.text() + '</li>')
        });
      });
    });
  </script>
		<h2>SL SUXXX</h2>
		<ul id="bussar"></ul>
			</div>

här är output efter det är kört:

  <script>
    $(document).ready(function() {
      $.get("http://api.sl.se/api2/realtimedeparturesV4.xml?key=1fd8881c5a...", function(data) {
        var xmlDoc = $(data);
        xmlDoc.find('Bus').toArray().forEach(function(bus) {
          var lineNumber = $(bus).find('LineNumber');
          $("#bussar").append('<li>' + lineNumber.text() + '</li>')
        });
      });
    });
  </script>
		<h2>SL SUXXX</h2>
		<ul id="bussar"></ul>

Underbart, tack!
Ska genast prova!

Tack så jättemycket för tipset, ska gå lös på det direkt imorgon.
Kom hem från semestern precis och ska börja gå lös på min spegel igen nu efter semester börjar nå sitt slut.