Javascript 如何解析JSON响应中的select第二个HTML锚元素
我有一个正确返回的JSON响应,并且已经成功地在我的HTML页面上输入了来自它的数据。然而,这一个JSON值返回一些HTML代码,在这些代码中我不需要全部内容,只需要第二个锚元素。你们会怎么做 下面的代码,前两个工作正常。P元素不存在。有什么想法吗?我只是在控制台中得到了Javascript 如何解析JSON响应中的select第二个HTML锚元素,javascript,jquery,html,Javascript,Jquery,Html,我有一个正确返回的JSON响应,并且已经成功地在我的HTML页面上输入了来自它的数据。然而,这一个JSON值返回一些HTML代码,在这些代码中我不需要全部内容,只需要第二个锚元素。你们会怎么做 下面的代码,前两个工作正常。P元素不存在。有什么想法吗?我只是在控制台中得到了未定义的 // get photo url from description JSON value. var imageURL = $(description)
未定义的
// get photo url from description JSON value.
var imageURL = $(description).find('a')[ 1 ];
var parseImageURL = $(imageURL).attr('href');
// get author URL from description JSON value
var authorURL = $(description).find('a')[ 0 ];
var parseAuthorURL = $(authorURL).attr('href');
// get photo description from descriptions JSON value
var descriptionText = $(description).find('P')[5];
console.log(descriptionText);
解析HTML
您需要“解析”HTML。有(至少)两种方法可以做到:
或者创建一个元素并在其中填充HTML字符串
下面的示例显示了第二种方法
在我的示例中,我为HTML
分配了一些字符串,但您在从JSON解析的某个对象中得到了它
创建一个元素。可以是任何旧元素,但我选择了div
将HTML字符串分配给在步骤2中创建的元素的innerHTML
用于选择所需的节点。在本例中,我选择了所有p
元素
我只是注销了第二个p
,但在您的情况下,我假设您将其添加到页面中
let HTML=“某物其他”;
设el=document.createElement('div');
el.innerHTML=HTML;
设ps=el.queryselectoral('p');
console.log(ps[1])代码>可能发生的两件事:1)你把索引搞混了(可能是因为有很多p
元素)2)你有一些未定义的变量(什么是description
?)嘿,杰克。就是这样,JSON中的描述非常深入,因此几乎没有任何标记。它太长,无法发布,但只有3个元素和2个“文本”元素