我有一些 JavaScript 应该使用以下代码从 XML 文档获取此图像 URL[1]。然而,Chrome 的控制台在这一行返回 Uncaught TypeError: Cannot read property '1' of null
。正则表达式是否不正确?
var image = $(post.description.match(/<br\/>(<a.*><img.*<\/a>)<br\/>/)[1]).addClass('photo');
[1] http://photos-c.ak.fbcdn.net/hphotos-ak-ash4/391316_483838581645230_1080523933_s.jpg
XML 的结构如下:
<description>
<![CDATA[
Extendemos una cordial felicitación a Reserva de la Biosfera Banco Chinchorro que celebra su aniversario el día de hoy.
Un especial saludo a Maricarmen García, Directora de la Reserva y Líder 2010 del Programa de Liderazgo. ¡Estamos muy
orgullosos de su trabajo!<br /> <br /> We would like to co
]]>
<![CDATA[
ngratulate Banco Chinchorro Biosphere Reserve who is celebrating their anniversary today. A special greeting to Maricarmen
García, the Reserve's Director and 2010 MAR Leadership Fellow. We are so proud of your work!<br /> <br />
<a href="http://pyucatan.conanp.gob.mx/chincho.htm" target="_blank" rel="nofollow nofollow"
onmousedown="UntrustedLink.bootstrap($(this), "HAQE2sh3f", event, bagof({}));">http://pyucatan.conanp.gob.mx/chincho.htm</a><br/><br/>
<a href="http://www.facebook.com/photo.php?fbid=483838581645230&set=a.167790786583346.41662.123942950968130&type=1&relevant_count=1"
title="" target=""><img class="img" src="http://photos-c.ak.fbcdn.net/hphotos-ak-ash4/391316_483838581645230_1080523933_s.jpg" alt="" /></a>
]]>
</description>
最佳答案
Is the regex incorrect?
是的。 /<br\/>(<a.*><img.*<\/a>)<br\/>/
尝试匹配没有空格的 br-tags,并且在您给我们的字符串中也没有 <br>
链接后。因此,匹配返回 null
并且没有属性“1
”。
无论如何,Regex is not suited为了这个任务。只需获取 textContent
您的<description>
节点,使用 jQuery 将其解析为 HTML(请参阅 Can jQuery Parse HTML Stored in a Variable? ),甚至使用 jQuery.parseXML
将其解析为 X[HT]ML ,并使用selector to get a > img
元素,以便读取 src
属性。
关于javascript - 使用 JQuery 从 XML 中提取图像链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11576751/