jQuery-获取2个Div标签之间的文本 [英] Jquery - Get Text Between 2 Div Tags

问题描述

已更新:请查看下面的代码:

<div class='parent'>
    <div class='first'>whatever content</div>
    <div class='child1'></div>

    Paragraph 1
    <br>
    Paragraph 2

    <div class='child2'></div>
    <div class='child3'>whatever</div>

    i don't wanna this text

    <div class='last'>whatever</div>
</div>

如何获取文本"第1款第2款" 没有文字" 我不要这个文字 " 从那个代码?

谢谢.

点名: 我无法编辑/更改HTML代码.

解决方案

1-如何仅获取不带标签的内容:

HTML:

<div class="parent">
    <div class="first">whatever content</div>
    <div class="child1"></div>

    Paragraph 1
    <br>
    Paragraph 2

    <div class="child2"></div>
    <div class="child3">whatever</div>

    Last Content

    <div class="last">whatever</div>
</div>

JQUERY:

var content = $('.parent').clone().children().remove().end().text();
alert(content);

演示: http://jsfiddle.net/vRbCw/3/

2-如何删除div.child3之前的内容:

JQUERY:

var appendSt = $('.child3').after('code:'),
    content  = $('.parent').clone().children().remove().end().text(),
    reg      = content.replace(/code:([^xyz]+)/, '');
alert(reg);

演示: http://jsfiddle.net/sBSRH/

获取没有子元素的元素的文本: http: //viralpatel.net/blogs/jquery-get-text-element-without-child-element/

UPDATED : Please look code below:

<div class='parent'>
    <div class='first'>whatever content</div>
    <div class='child1'></div>

    Paragraph 1
    <br>
    Paragraph 2

    <div class='child2'></div>
    <div class='child3'>whatever</div>

    i don't wanna this text

    <div class='last'>whatever</div>
</div>

How can I get text " Paragraph 1 Paragraph 2 " without text "I don't wanna this text" from that code?

Thank you.

NOTED : I CAN'T EDIT/CHANGE HTML CODE.

解决方案

1 - How to get only a content without tags:

HTML:

<div class="parent">
    <div class="first">whatever content</div>
    <div class="child1"></div>

    Paragraph 1
    <br>
    Paragraph 2

    <div class="child2"></div>
    <div class="child3">whatever</div>

    Last Content

    <div class="last">whatever</div>
</div>

JQUERY:

var content = $('.parent').clone().children().remove().end().text();
alert(content);

Demo: http://jsfiddle.net/vRbCw/3/

2- How to remove the content before div.child3:

JQUERY:

var appendSt = $('.child3').after('code:'),
    content  = $('.parent').clone().children().remove().end().text(),
    reg      = content.replace(/code:([^xyz]+)/, '');
alert(reg);

Demo : http://jsfiddle.net/sBSRH/

Get The Text Of Element Without Child Element: http://viralpatel.net/blogs/jquery-get-text-element-without-child-element/

这篇关于jQuery-获取2个Div标签之间的文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！