【问题标题】:Convert plain text in to HTML将纯文本转换为 HTML
【发布时间】:2013-02-06 21:52:57
【问题描述】:

我有一个脚本,在某个时候我通过 Ajax 调用获取 HTML(数据)。我必须将此 HTML 转换为纯文本,如下所示:

$("#div").text(data);

我现在想扭转这种局面,再次制作文本 HTML。我有一个简单的 Jquery 方法来做到这一点吗?我试过了:

$("#div").text(data).end().html();

运气不好。

【问题讨论】:

  • 取决于您要将其转换为的 HTML。它无法读懂您的想法,因为您删除了 HTML。为什么不将 AJAX html 存储在变量中并稍后调用?
  • 数据是什么样的?
  • @Youss,对不起,我误解了你的问题。您真的想将标记作为文本放入元素中,然后立即使用与 HTML 元素相同的标记覆盖它吗?
  • #popnoodles 只是 HTML
  • @Frédéric Hamidi 是的,请参阅我对回答 Steve Fenton 的评论

标签: jquery text


【解决方案1】:

您需要保留原始响应才能执行此操作...

$("#hiddendiv").html(data);
$("#div").text(data);

然后你可以把它拿出来......

var html = $("#hiddendiv").html();

根据评论更新...

您可以在显示之前删除该元素...

var html = $(data);
$('#cookiediv', html).hide();
$('#div').html(html);

cookie 消息在哪里有id="cookiediv" - 您可能需要调整选择器才能到达这个 div,但几乎可以肯定可以抓住它。

【讨论】:

  • 这在我的情况下不起作用。解决问题:我从中获取数据的网页显示 cookie 消息并隐藏所有内容。所以 var=HTML 只会让我得到 cookie 窗口。但是我注意到,如果我得到 text(),我会得到网站的所有文本,所以现在如果我将其转换为 HTML,我会得到完整的网站,而不会出现烦人的 cookie 消息。
  • 我已经为这种情况添加了一个建议。如果您可以向我展示您返回的原始数据(例如在 JSFiddle 上),我可以更具体。
  • 我开始认为我有一个不好的问题...这是网站:telegraaf.nl 没有 cookie 窗口,它是一个完全不同的 url,访问者首先被引导到其他 url。 ..
  • 这很奇怪,因为获取文本似乎只获取主网站的文本
  • 嗨,删除#tmg-consent 不会这样做,因为它在我现在意识到的不同网址上......
【解决方案2】:

您在问题中使用的 html 函数也可以接受参数。在此处阅读所有相关信息:http://api.jquery.com/html

基本上你需要做的就是

var div = $(yourdiv);
div.html(div.text())

如本例中:http://jsfiddle.net/273Jx/

【讨论】:

    【解决方案3】:
    $.fn.toHtml=function(){
       return $(this).html($(this).text())
    }
    

    然后

    $('#div').toHtml()
    

    http://jsfiddle.net/abdennour/fcn9d/

    【讨论】:

    • 迄今为止最好的解决方案。
    【解决方案4】:

    如果您的意思是获取文本并使其工作为 HTML。 Working demo

    <div id="div"></div>
    

    jQuery:

    var data='<a href="blah">blah</a>';
    $('#div').text(data);
    alert('ready...'); // just making you see the html
    $('#div').html($('#div').text()); 
    

    【讨论】:

      【解决方案5】:

      尝试将它直接传递给 jQuery 本身 (http://api.jquery.com/jQuery/#jQuery2)。它将获取原始 HTML 字符串并尝试将其解析为新的 DOM 片段。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2012-04-12
        • 2014-09-08
        • 2018-03-17
        • 1970-01-01
        • 2014-04-21
        • 1970-01-01
        • 2010-09-22
        • 2010-10-20
        相关资源
        最近更新 更多