JSFiddle - React, Tailwind, and code Playground

by huppen

HTML

Hotel Bollmannsruh Bewertungen XML

JavaScript

(function ($) {
  $(document).ready(function() {
	$("body").on("click", "span.more", function() {
	    var $this = $(this).parents(".ca_ratingDetails").find(".ca_ratingContent");
	    $(".ca_ratingDetails .ca_ratingContent").not($this).hide(300);
	    $this.toggle(300);
	});

    //HOTEL AJAX READ XML AND OUTPUT TO HTML
    $.ajax({
        url: "files/content/bewertungen/bewertungen.xml",
        type: "GET",
        dataType: "html",
        success: function(data) {
        var xml = $.parseXML(data);
        $(xml).find('hotel').each(function()
        {
            //FELDER DEFINIEREN
            var reviewCount = $(this).find("reviewCount").text(); //Bewertungen gesamt
            var ratingPositivePercent = $(this).find("ratingPositivePercent").text(); //Positive Bewertungen
            var averageRating = $(this).find("averageRating").text(); //Durchschnittliche Bewertung
            var averageRound = Math.round(averageRating);
            var ratingPrice = $(this).find("ratingPrice").text(); //Preis
            var ratingRoom = $(this).find("ratingRoom").text(); //Zimmer
            var ratingLocation = $(this).find("ratingLocation").text(); //Lage
            var ratingClean = $(this).find("ratingClean").text(); //Sauberkeit
            var roundLocation = Math.round(ratingLocation);
            var ratingService = $(this).find("ratingService").text(); //Service
            var ratingBreak = $(this).find("ratingBreak").text(); //Frühstück
            var ratingRestaurant = $(this).find("ratingRestaurant").text(); //Restaurant
            var ratingConference = $(this).find("ratingConference").text(); //Tagungen
            var ratingWellness = $(this).find("ratingWellness").text(); //Wellness
            var ratingSport = $(this).find("ratingSport").text(); //Sport
            $("#ratings").append(
            "<div class='ca_Ratings smallspace bottom'><div class='ca_averageRating rate star_"
            + averageRound + "' title='Bewertung: "+...