Getting jQuery to work with another library (XML parsing)_问答_开发者

Getting jQuery to work with another library (XML parsing)

开发者 https://www.devze.com 2023-01-10 09:34 出处：网络

We are using jQuery to generate an XML fragment and then convert it to a string using the html() function. But as we just found out, and if anyone doesn\'t know, the html() JavaScript function as impl

We are using jQuery to generate an XML fragment and then convert it to a string using the html() function. But as we just found out, and if anyone doesn't know, the html() JavaScript function as implemented in IE is broken, broken, broken. Basically, it capitalizes some tags, adds attributes to others "helpfully" (in our case, ), and generally doesn't do the Right Thing.

I would like to use something like this to generate the XML string instead:

http://www.stainlessvision.com/jquery-html-vs-innerxhtml

However, this library won't play nicely with jQuery out of the box, e.g.:

var $dummyRoot = $('<dummyroot/>'); // since html() doesn't generate the outer element
var $foo = $('<foo></foo>');
var $font = $('<font ></font >');
$foo.append($font);
$dummyRoot.append($foo);
var $s = innerXHTML($dummyRoot); // <-- Doesn't work

I think it wants a more W3C DOM-ish object.

How can I get jQuery to talk to this innerXHTML() function; or, alternatively, is there another function I can use (maybe something built into jQuery or a jQuery plugin))?

Edit: Follow up for DDaviesBrackett's question. I also have a "body" element in my XML; look how it picks up CSS styling (and not just a element).

Is there an unwritten rule to not generate XML inside the DOM whose elements have names like body, font, head, etc.?

var $dummyRoot = $('<dummyroot/>');
var $foo = $('<foo></foo>');
var $body = $('<body></body>');
var $font = $('<font&g开发者_JAVA百科t;</font>');
$body.append($font);
$foo.append($body);
$dummyRoot.append($foo);

var $s = innerXHTML($dummyRoot[0]);

// $s equals "<foo><body bottommargin="15" leftmargin="10" rightmargin="10" topmargin="15"><font size="+0"></font></body></foo>"

the jQuery object wraps its contents, but exposes them via an array indexer. What do you get when you use

var $s = innerXHTML($dummyRoot[0]);

instead of your example?

Is there an unwritten rule to not generate XML inside the DOM whose elements have names like body, font, head, etc.?

jQuery relies on the innerHTML property to parse a given piece of text and construct the DOM from that. It was never meant to parse or generate XML as colliding names can give totally unpredictable results depending on how the browser sees it.

See

jQuery won’t parse xml with nodes called option
How do I parse xml with jQuery?
Parse content like XML, with jQuery

I have given a similar answer for generating proper XML in fewer steps using a recursive approach. To create the following XML:

<foo>
    <body>
        <font></font>
    </body>
</foo>

you would write:

Σ('foo', 
    Σ('body', 
        Σ('font', '')
    )
);

Σ just looks cooler, but you can change the function name to whatever you want :)

Getting jQuery to work with another library (XML parsing)

精彩评论

关注公众号

热门标签

图文推荐

Getting jQuery to work with another library (XML parsing)

更多 问答 相关资讯：

精彩评论

关注公众号

热门标签

图文推荐

更多问答相关资讯：