Search jQuery

jQuery Forum

I'm parsing XML to display as HTML with each(). but how do I stop it looping?

in Using jQuery • 9 years ago

I'm newish to jQuery and I'm using it to build a timeline that loads its information from an XML document. I'm able to get the events to load and display but I can't seem to restrain the loop once it drills down to the events under each month.

My assumption is that I need to ad some sort of if(condition) statement (see line 23) and then return false to stop the loop.

Here's my script:

$(document).ready(function () {
$.ajax({
type: "GET",
url: "timeline.xml",
dataType: "xml",
success: xmlParser
});
});
function xmlParser(xml) {
$("#load").fadeOut();
$(xml).find("year").each(function (index, value) {
$(value).find("month").each(function (index, value) {
$("#timeline").append("<div class='month'>");
$(value).find("event").each(function (index, value) {
$(".month").append("<div class='event " + $(this).find("category").text() + "Event'>" + $(this).find("title").text() + "</div>");
/*
if(condition)
{
return false;
}
*/
});
$("#timeline").append("</div>");
$(".month").fadeIn(500);
});
});
}

This is my XML document and this is the demo page.

I'm wrestling pretty hard with this one, so any input is welcome. Thanks!

Replies(4)

jakecigar

Re: I'm parsing XML to display as HTML with each(). but how do I stop it looping?

9 years ago

Try this:

lines 19- 28

var cat=$(this).find("category").text()
$(".month").append("<div class='event " + cat + "Event'>" + $(this).find("title").text() + "</div>");
if(cat.match(/schoolEvent/))
{
return false;
}

JΛ̊KE

station8d..

Re: I'm parsing XML to display as HTML with each(). but how do I stop it looping?

9 years ago

I should have clarified this earlier: The problem is that the events are loading for each month but it doesn't stop with that month, all the events load for the months after it in the XML. So the first month ends up including all the events from the months after it, the second one includes all the events from the months after it, etc. I want it to only load the events specifically under each month. So it needs to traverse the events from between the first <month> and </month> tags in the XML then load that into the first <div class="month">, return false, then move to the second <month> and </month> tags in the XML and load those events into the second <div class="month">, return false, then move to the third, etc. until it reaches the bottom of the document.

The events are numbered so you can see what events should be in each <div class="month">.

Hopefully that clears things up.

jakecigar

Re: I'm parsing XML to display as HTML with each(). but how do I stop it looping?

9 years ago

$(function () {
$.ajax({
type: "GET",
url: "timeline.xml",
dataType: "xml",
success: xmlParser
});
});
function xmlParser(xml) {
$("#load").fadeOut();
$(xml).find("year").each(function (index, value) {
$(value).find("month").each(function (index, value) {
var month=$("<div class='month'>").hide().appendTo("#timeline")
$(value).find("event").each(function (index, value) {
month.append("<div class='event " + $(this).find("category").text() + "Event'>" + $(this).find("title").text() + "</div>");
/*
if(condition)
{
return false;
}
*/
});
month.fadeIn(500);
});
});
}

JΛ̊KE

station8d..

Re: I'm parsing XML to display as HTML with each(). but how do I stop it looping?

9 years ago

That worked great, thanks!

Top Reply

Response title

Attachments

jQuery Forum

I'm parsing XML to display as HTML with each(). but how do I stop it looping?

Replies(4)

Re: I'm parsing XML to display as HTML with each(). but how do I stop it looping?

Re: I'm parsing XML to display as HTML with each(). but how do I stop it looping?

Re: I'm parsing XML to display as HTML with each(). but how do I stop it looping?

Re: I'm parsing XML to display as HTML with each(). but how do I stop it looping?

Statistics

Tags

Actions