javascript - 有选择地从 获取文本

Question

<div class="myDiv">
    <p>I need get<strong>this</strong>
        <a title="And this" href="#">but not this</a>
    </p>
    <p>And also<strong>This</strong>
        <a title="And this" href="#">but not this</a>
    </p>
</div>

除了嵌套标签中的文本，我如何获取 p 标签中的所有内容。我还需要获取标签 a 的“title”属性值吗？

Answer 1

使用 http://api.jquery.com/replaceWith/

• 创建一个克隆
• 用标题属性替换 a 标签
• 在克隆节点上调用 text()

http://jsfiddle.net/mendesjuan/cBejv/2/

var clone = $('.myDiv p').clone();
clone.find('a').replaceWith(function() {
   return this.getAttribute('title');
})
console.log(clone.text());

输出

I need get this

 And this And also This

 And this