Извлечь текст в элемент с помощью JQuery - PullRequest
Новая
       24

Извлечь текст в элемент с помощью JQuery

9 голосов
/ 19 июня 2009

Я хочу извлечь текст внутри элемента с помощью JQuery 

<div id="bla">
    <span><strong>bla bla bla</strong>I want this text</span>
</div>

Я хочу только текст «Я хочу этот текст» без метки. Как я могу это сделать?

Ответы [ 4 ]

7 голосов
/ 19 июня 2009

Попробуйте это ... 

<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
    $("#bla span").contents().each(function(i) {
        if(this.nodeName == "#text") alert(this.textContent);
    });
});

//]]>
</script>

Для этого не нужно удалять какие-либо другие узлы из контекста, а просто будет давать вам текстовые узлы на каждой итерации.

5 голосов
/ 19 июня 2009

Это делает это (проверено): 

    var clone = $("#bla > span").clone();
    clone.find('strong').remove();
    alert(clone.text());
4 голосов
/ 19 июня 2009

Вариация по методу karim79: 

$("span").clone().find("strong").remove().end().text();

или если вы просто хотите получить корневой текст, не зная, какие в нем другие теги: 

$("span").clone().children().remove().end().text();

все еще немного долго, но я думаю, что это настолько коротко, насколько ты можешь надеяться.

0 голосов
/ 19 июня 2009 
var textFromSpanWithoutStrongTag = $('div#bla > span').text();

ОБНОВЛЕНИЕ: 

var textFromSpanWithoutTextFromStrongTag =
    $('div#bla > span').text().replace($('div#bla > span > strong').text(), '');

ОБНОВЛЕНИЕ: 

var text = '';
$("div#bla > span").contents().each(function () {
    if(this.nodeType == 3) text = text + this.nodeValue; });

Проверено в FF3, IE8, O10b на: 

<div id="bla">
    <span>
        <strong>bla bla bla</strong>
        I want this
        <strong>bla bla</strong>
        text
        <span>bla bla bla</span>
    </span>
</div>
...