使用 jquery 预览文本

Question

我有以下html

<img src="a.jpg" /><p> This is some random text and just to test this example. This is some random text and just to test this example. This is some random text and just to test this example<p> <br><p>This is some random text and just to test this example This is some random text and just to test this example</p> <img src="a.jpg" /> <br><p>This is some random text and just to test this example This is some random text and just to test this example</p>

我的问题是，如果我必须只使用 jquery 来预览文本，假设我在一个名为 html 的变量中有这个，如何只显示文本的几个部分而忽略图像

       <div id="preview"></div>
       $("#preview").val("//display only text in the variable named html") 

Answer 1

$('#preview').html(textWithTags.replace(/(<([^>]+)>)/ig,"").substr(0, 200));

注意：DIV 使用.text() 或.html() 而不是.val()。

Answer 2

试试这个：

Here `.content` is class of wrapper of whole html you post

代码：

$('.preview').click(function(){ // Here `.preview` is the `class` of submit button
    html = $('.content').contents(':not(img)');
    $('#preview').html(html)
});

或

$('#preview').html($(yourhtml).not('img'));

或

html = $('.content').html();
yourhtml = $(html).contents(":not('img')").text().substr(0, 200).concat('...'); // here  I add `concat('...')` just for continuity. you may remove it,
$('#preview').html(yourhtml);

Answer 3

你可以filter来自html的图片：

var someHtml = '....';
$('#preview').html($(someHtml).filter(':not("img")'));