使用 jQuery 提取 XML 中的 CDATA 以用作 HTML

Question

大家好，我试图只从 CDATA 中的 p 标签中获取文本以进行描述。我可以在我的代码组件中呈现 Cdata，但 <p> 标记仍在文本内。我只想渲染第一个P标签请帮忙！

$(document).ready(function() {
    $.ajax({
      url: "https://somethignsomething.com",
      dataType:'xml',
      type:'GET',
        success: function(result) {
            
            var my_blog = $(result).find('channel item').first();
       
                console.log(result)
               // var my_link = my_blog.find('link').parent().attr('href');;
              //  var my_link = my_blog.find('link').attr('href');
                var my_title = my_blog.find('title').text();
               
                var my_description = my_blog.find('description').text();
               
                var img = my_blog.find('content\\:encoded, encoded').text();
                img = $.parseHTML(img);
                img = img[0].firstChild.src;
                var oldSrc = 'https://cdn11.net/m/resources/img/teaser/rht-full-blogteaser-medium-smartphones-290x268.jpg';
                var newSrc = img;
                $('img[src="' + oldSrc + '"]').attr('src', img);
            
                

            $('.text-content').replaceWith( 
                $('<h2 />',{
                    text: my_title
                }),
                $('<p />',{
                    text: my_description
                }),
                )           
      },
      error: function(error) {
        console.log(error);
      }
    }); 
});

Answer 1

如果您将 my_description 的内容提供给 HTML 解析器，例如

const htmlDoc = new DOMParser().parseFromString(my_description, 'text/html');

并选择第一个p元素

const p = htmlDoc.querySelector('p');

您有一个 p 元素 DOM 节点。

我不确定您是要将该 p 元素插入另一个元素（可以使用 target.appendChild(p) 作为核心 DOM 方法）还是使用 p.textContent 读出其文本并将其插入某处。