Jquery - 获取两个 Div 标签之间的文本

标签 jquery css jquery-selectors

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

<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>

如何获取文本“Paragraph 1 Paragraph 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/

关于Jquery - 获取两个 Div 标签之间的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17982776/

相关文章:

jQuery 优化多重选择器

javascript - 使这段 JS 代码不引人注目。为未知 id 编写事件监听器

jQuery UI Datepicker 显示在 Google Chrome 中的表单提交上

javascript - 未捕获的类型错误 : Cannot read property 'options' of null for HTML select

javascript - 使用 Bootstrap 将页面拆分为两个垂直空间

html - 如何启用双虚线边框?

javascript - 隐藏添加此分享工具默认图标

javascript - 我如何使用 jQuery 同时选择 'this' 和其他内容?

javascript - 如何减慢函数内的 onclick 事件或使其逐渐发生?寻求平稳过渡

javascript - 遍历多个 div 并将信息提取到数组中?