使用jquery从html中提取文本
问题描述:
我的网页中包含以下html代码。使用jquery从html中提取文本
<div id="flashmessage" class="ok">
<a class="ico-close">x</a>
MY TEXT HERE
</div>
如何使用jquery从此html中提取'我的文本'这个html?
注意:我打算将此flashmessage转换为fancybox弹出。
答
只是clone
div
其中包含文字和remove
所有的孩子,然后得到text
。下面的代码片段:
$(document).ready(function(){
var text=$("#flashmessage").clone().children().remove().end().text();
$(".result").text(text);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="flashmessage" class="ok">
<a class="ico-close">x</a>
MY TEXT HERE
</div>
<div class="result"></div>
下面是完整的例子:https://jsfiddle.net/sur08Lbv/1/ –