Using custom xml elements with JQuery

Question

Given the following:

<p>This is a <fund id="12345">Test Fund</fund>. More text.</p>

How do I extract the text ("Test Fund") from the fund element?

I have tried the following:

$('fund').each(function(index) {

    alert($(this).text());

});

I can retrieve the id attribute as follows:

alert($(this).attr("id"));

I have had no luck with text() html() etc.

EDIT: Initially I had only tried IE8, But after test in firefox I discover it works with FF just fine. I then reviewed in IE dev tools and noticed that the Dom explorer was treating the opening tag as a stand-alone node, as well as doing this to the remaining text, and closing tag.

I found some info on using a custom namespace as follows:

<html xmlns:myns>
<head>
<title>Test</title>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.4.min.js"></script>

<script type="text/javascript">
    $(document).ready(function(){
       // Your code here
       $('myns:fund').each(function(index) {
            alert(index + ': ' + $(this).attr("id"));
        });
     });
</script>

</head>
<body>
<p>Sample paragraph.</p>
<p>This is a <myns:fund id="12345">Test Fund</fund>. More text.</p>
</body>
</html>

This fails also but renders correctly in the IE DOM explorer.

You should update this to correct the } error, and note the IE8 issue. — Incognito
– Incognito, Commented Dec 17, 2010 at 16:21

Frédéric Hamidi · Accepted Answer · 2010-12-17 16:34:52Z

2

Your code works fine for me in Firefox 3.6 when I add the missing curly brace before the last parenthesis:

$('fund').each(function(index) {
    alert($(this).text());
});

The above correctly prints Test Fund.

EDIT: I got it working in Internet Explorer 8 by calling html() on the  element, applying $() to the result and calling text() on that:

$(document).ready(function(index) {
    alert($($("p").html()).text());
});

edited Dec 17, 2010 at 16:34

answered Dec 17, 2010 at 15:56

Frédéric Hamidi

264k42 gold badges497 silver badges486 bronze badges

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

5 Comments

HectorMac Over a year ago

Since posting the question I did test in firefox and discovered in works fine (without the typo!). After opening the IE8 developer tools I noticed that The opening tag is being treated as a stand alone node and everything else as child nodes of the "" element. Fixing IE is the goal. Any thoughts?

Frédéric Hamidi Over a year ago

@HectorMac, same here. I'll try to find something.

Incognito Over a year ago

It's really discouraging to look at the selector library's code and see that it selects by using the native getElementsByTagName which DOES work in IE8, but $('element') won't in this case. This may be a bug and may be noted in the sizzleJS bug page.

Incognito Over a year ago

Yeah but that works for the wrong reasons... This is a<blah>now what?<level2>???</level2></blah> <fund id="12345">Test Fund</fund>. More text. There's something awkard with the sizzleJS library and IE8.

Frédéric Hamidi Over a year ago

@user257493, I agree that's not a generic solution. I only tried to coerce good old IE into giving the proper result from the questioner's example :)

David Tang · Accepted Answer · 2010-12-17 15:54:12Z

0

Try grabbing the contents of the  tag as an HTML string, and passing that to the jQuery constructor, rather than trying to get the fund tag direct from the page:

var html = $("p").html();
alert($("<div>" + html + "</div>").find("fund").text());

Edit: you need to wrap the html inside a div (or other) element so jQuery doesn't get confused and think it's a selector. Works here: http://jsfiddle.net/uRggd/1/

edited Dec 17, 2010 at 15:54

answered Dec 17, 2010 at 15:48

David Tang

93.8k32 gold badges169 silver badges149 bronze badges

Collectives™ on Stack Overflow

Using custom xml elements with JQuery

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related