предварительный просмотр текста с использованием 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

Вы можете фильтровать изображения из HTML:

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

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)
});

OR

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

OR

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

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

Примечание: используйте .text() или .html() вместо .val() для DIV.