jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何修改此jQuery XML解析器?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个新闻解析器.我需要在这里添加图片.它们的超链接将从 XML解析.如何升级我的xmlParser?我需要div内的图像,通过CSS为图像提供正确的位置.并为此图像分配给div的CSS类.

我试过补充一下

<div class="articleimg">' + <img src='"+$(this).find("image").text()+"'/> + '</div>

但似乎我的语法不正确.添加此类代码后,如何追加整行?

从头开始:

function xmlParser(xml) {

$('#load').fadeOut();

$(xml).find("item").each(function () {

    $(".main").append('<div class="article"><div class="title">' + $(this).find("title").text() + '</div><div class="full">' + $(this).find("description").html() + '</div><div class="date">Добавлена: ' + $(this).find("pubDate").text() + '</div></div>');
    $(".article").fadeIn(500);
});}

来自身体:

<div class="main">
<div id="loader" class="loader"><img src="../images/theme/loader.gif" alt="loader" id="load" width="64" height="64" style="vertical-align:middle;"/></div>
</div>

来自xml文件

<?xml version="1.0" encoding="utf-8" ?>
<RSS xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:content="http://purl.org/RSS/1.0/modules/content/"
xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"
xmlns:media="http://search.yahoo.com/mRSS/">
<chAnnel>
<item>
<title>title</title>
<description>Description</description>
<image>http://website.com/images/news/news.png</image>
<pubDate>2018/03/10 00:00:00 GMT+3</pubDate>
</item>
</chAnnel>
</RSS>

解决方法

是的,您必须使用img标记在脚本中更新append().你只是有点误以为你的引号’和’

在里面”.这是一个字符串.没关系.

一个

这里< img src = - 看起来像需要解释的javascript代码.但它也是HTML的字符串.所以你必须用引号括起来. 这里我标记为大胆以便更好地理解.一切都在里面’  ‘< img src =“'$(this).find(”image“).text()'”/>‘

所以你的代码

$(".main").append('<div class="article"><div class="articleimg"><img src="'+$(this).find("image").text()+'"/></div><div class="title">' + $(this).find("title").text() + '</div><div class="full">' + $(this).find("description").html() + '</div><div class="date">Добавлена: ' + $(this).find("pubDate").text() + '</div></div>');

删除了多余的报价.

和…一样

大佬总结

以上是大佬教程为你收集整理的如何修改此jQuery XML解析器?全部内容,希望文章能够帮你解决如何修改此jQuery XML解析器?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。