Удалите все HTML-теги в строке (с помощью функции jquery text ())

Question

возможно ли использовать функцию jquery text () для удаления всего HTML в строке?

Строка с тегами HTML:
myContent = '<div id="test">Hello <span>world!</span></div>';

Результат должен быть:
Hello world!

Answer 1

var myContent = '<div id="test">Hello <span>world!</span></div>';

alert($(myContent).text());

Это приводит к привету.Это отвечает на ваш вопрос?

http://jsfiddle.net/D2tEf/ для примера

Answer 2

Я создал этот тестовый пример: http://jsfiddle.net/ccQnK/1/, я использовал функцию замены Javascript регулярными выражениями для получения желаемых результатов.

$(document).ready(function() {
    var myContent = '<div id="test">Hello <span>world!</span></div>';
    alert(myContent.replace(/(<([^>]+)>)/ig,""));
});

Answer 3

Если вам нужно удалить HTML, но вы не знаете, содержит ли он какие-либо HTML-теги, вы не можете напрямую использовать метод jQuery, поскольку он возвращает пустую оболочку для текста, отличного от HTML.

$('<div>Hello world</div>').text(); //returns "Hello world"
$('Hello world').text(); //returns empty string ""

Вы должны либо обернуть текст в действительный HTML:

$('<div>' + 'Hello world' + '</div>').text();

Или используйте метод $ .parseHTML () (начиная с jQuery 1.8), который может обрабатывать как HTML, так и не HTML текст:

var html = $.parseHTML('Hello world'); //parseHTML return HTMLCollection
var text = $(html).text(); //use $() to get .text() method

Плюс parseHTML полностью удаляет теги скрипта, что полезно в качестве защиты от взлома для пользовательских вводимых данных.

$('<p>Hello world</p><script>console.log(document.cookie)</script>').text();
//returns "Hello worldconsole.log(document.cookie)"

$($.parseHTML('<p>Hello world</p><script>console.log(document.cookie)</script>')).text();
//returns "Hello world"

Answer 4

Не могли бы вы просто попробовать ?

myContent = '<div id="test">Hello <span>world!</span></div>';
console.log($(myContent).text()); //Prints "Hello world!"

Обратите внимание, что вам нужно обернуть строку в объект jQuery, иначе у нее явно не будет метода text.

Answer 5

Другой вариант:

 $("<p>").html(myContent).text();

Answer 6

В моем конкретном случае я обнаружил, что мне просто нужно обрезать содержимое.Может быть, не ответ на вопрос.Но я все равно решил добавить этот ответ.

$(myContent).text().trim()