Apply conditional statements within string output in JavaScript

Question

I'm using a jQuery plugin named "jParse" to parse an XML file like so:

$('#content').jParse({
 ajaxOpts: {url: 'data.xml'},
 elementTag: ['title', 'description'],
 output: '<h2>jpet0</h2><p>jpet1</p>'
});

As you can see, the "jpet" variables correlate with the elementTag array.

How would I check to see if the jpet var contains data (as some of the tags in the XML are empty) and withhold the HTML tags if it doesn't?

This doesn't work:

$('#content').jParse({
 ajaxOpts: {url: 'data.xml'},
 elementTag: ['title', 'description', 'extra'],
 output: if (jpet0) { '<h2>jpet0</h2>' } + '<p>jpet1</p><p>jpet2</p>'
});

But it does give a good idea of what I'm trying to achieve.

Thanks in advance!

Doug Neiner · Accepted Answer · 2009-12-05 08:12:10Z

2

This should work, if I understood the docs correctly:

$('#content').jParse({
   ajaxOpts: {url: 'data.xml'},
   elementTag: [
     {elem:'title', format: function(title){
        if(title != '') return '<h2>' + title + '</h2>';
        else return '';
     }}, 'description'],
   output: 'jpet0<p>jpet1</p>'
});

edited Dec 5, 2009 at 8:12

answered Dec 5, 2009 at 6:08

Doug Neiner

66.4k14 gold badges111 silver badges118 bronze badges

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

3 Comments

James James Over a year ago

Thanks for this, I must've overlooked it in the docs. Although you attach the formatting to the elementTag like this: elementTag:[{elem:'title',format:formatTitle}]

Doug Neiner Over a year ago

@James James if it accepts a function reference, it will also accept an inline anonymous function. The docs did not specify that, but it is just how JavaScript works. Glad I could help!

James James Over a year ago

Oh, sorry - I meant that the function/inline anonymous function is set within the elementTag option array.

Ignas R · Accepted Answer · 2009-12-05 06:06:39Z

2

You could use the ternary operator:

 output: (jpet0 ? '<h2>jpet0</h2>' : '') + '<p>jpet1</p><p>jpet2</p>'

But what's wrong with just putting the HTML string in a variable and then prepending the additional HTML using a regular if statement?

answered Dec 5, 2009 at 6:06

Ignas R

3,3992 gold badges25 silver badges27 bronze badges

1 Comment

James James Over a year ago

Thanks for showing me these extra ideas, I'll be sure to remember them.

Kang Seonghoon · Accepted Answer · 2009-12-05 06:12:05Z

0

It seems jParse doesn't support that kind of template (judged from usage page; may be wrong). One possible solution then would be post-process the result, like this:

$('#content').remove('h2:empty');
// i.e. removes all empty H2 elements from #content.

Of course you have to ensure that there is no other places empty H2 elements appear.

answered Dec 5, 2009 at 6:12

community wiki

Kang Seonghoon

2 Comments

Steve Harrison Over a year ago

The format option (the second last option on the usage page as of writing) looks very much like what @James James is after.

James James Over a year ago

Yup, it was indeed the format option I was after, although I didn't know jQuery could do this! Thanks for the info.

Collectives™ on Stack Overflow

Apply conditional statements within string output in JavaScript

3 Answers 3

3 Comments

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related