jQuery - check if XML attribute exists

Question

I'm populating an set of <article> in HTML with either an images or a flash movie depending on the attributes set in an XML like so,

<article image="" flash="flash/1.swf"></article>// this article has flash only
<article image="image/1.jpg" flash=""></article>// this article has image only

There a "n" number of "articles" depending on the XML file. Every article has either an image or a flash movie.

After i load the XML using .ajax(), i'm using .append() to add <img> and <object> to the article. The problem is, now I have empty tags (img or object) in each article. All articles assigned with images in them have a blank <object> tag within them and vice versa.

How can I check the XML before appending? So when an article has been assigned an image, the <object> tag doesn't appear?

The jQuery is as shown below

$('#container').append('<article><img src="'+$image+'"/><object><param name="movie" value="'+$flash+'"></object></article>');

I think the accepted answer here is a better solution : [jQuery hasAttr checking to see if there is an attribute on an element [duplicate]](stackoverflow.com/questions/1318076/…) — Fabii
– Fabii, Commented Oct 8, 2015 at 16:19

pixeltocode · Accepted Answer · 2010-11-14 12:02:41Z

1

This worked for me

var $flash = $(this).attr('flash');
if ($flash == null) {
...
}
else {
...
}

answered Nov 14, 2010 at 12:02

pixeltocode

5,28812 gold badges54 silver badges69 bronze badges

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

1 Comment

user595349 Over a year ago

this does not check for the existence of the attribute properly.

user595349 · Accepted Answer · 2013-02-27 03:05:48Z

1

You should first check if the attribute exists before assigning it to a variable.

if($(this).attr('flash');){

    // this attribute exists 
    // you can also check if its null or not

} else {

    // this attribute does NOT exist
}

answered Feb 27, 2013 at 3:05

user595349

Comments

dr jerry · Accepted Answer · 2010-11-11 11:52:58Z

0

If order is not important to you you should first filter for the flash attributes, and than for the image attributes. Otherwise something like:

.append('<article>' + ($image != null) ? <img.. : <object..) + "</article>";

answered Nov 11, 2010 at 11:52

dr jerry

10.1k25 gold badges86 silver badges127 bronze badges

Collectives™ on Stack Overflow

jQuery - check if XML attribute exists

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related