Creating XML from a for-loop

Question

Hi I'm trying to create a XML from an for-loop. But with this below code I only get the Last element found on the page. Not all of them as I expected.

Consider that there are many elements on the page with id's like "textHolder1, textHolder2 etc. With all different content.

Jquery:

var text = "<?xml version=\"1.0\" encoding=\"utf-8\" ?><canvas>";

text += "<elements>";   
text_length =  $('[id^="textHolder"]').length;  
for(var n = 0; n < text_length; n++){
TextElementID = $('[id^="textHolder"]').attr('id');
TextElementContent = $('[id^="textHolder"]').text();  
text += "<element id='"+TextElementID+"'>";  
text += "<content>"+TextElementContent;  
text += "</content>";  
text += "</element>";  
}
text += "</elements>";         
text +="</canvas>";

alert(text)

What am I doing wrong here?

Inside the for loop you are doing $('[id^="textHolder"]') on each iteration, which selects ALL elements that match the selector. You are then getting the id of the first matched element and the content of the first matched element. That obviously isn't what you want. — user400654
– user400654, Commented May 23, 2013 at 14:21

A. Wolff · Accepted Answer · 2013-05-23 14:21:14Z

2

Try this, using each loop:

var text = "<?xml version=\"1.0\" encoding=\"utf-8\" ?><canvas>";

text += "<elements>";
$('[id^="textHolder"]').each(function(){
    var TextElementID = this.id,
        TextElementContent = $(this).text();
    text += "<element id='" + TextElementID + "'>";
    text += "<content>" + TextElementContent;
    text += "</content>";
    text += "</element>";
});
text += "</elements>";
text += "</canvas>";

alert(text)

answered May 23, 2013 at 14:21

A. Wolff

74.4k9 gold badges98 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Kim Over a year ago

Well, that is what I call a perfect answer! Thanks! Works like a charm!

tymeJV · Accepted Answer · 2013-05-23 14:21:35Z

I see a few issues. I dont see where you're declaring some variables, also, you're selecting a group of elements and trying to get an ID. I believe this code clears it up (not tested);

var text = "<?xml version=\"1.0\" encoding=\"utf-8\" ?><canvas>";

text += "<elements>";   
var text_length =  $('[id^="textHolder"]').length;  

for(var n = 0; n < text_length; n++){
    var TextElementID = $('[id="textHolder' + i + '"]').attr('id');
    var TextElementContent = $('[id="textHolder' + i + '"]').text();  
    text += "<element id='"+TextElementID+"'>";  
    text += "<content>"+TextElementContent;  
    text += "</content>";  
    text += "</element>";  
}
text += "</elements>";         
text +="</canvas>";

alert(text)

Collectives™ on Stack Overflow

Creating XML from a for-loop

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related