jquery提取元素里的纯文本不包含span等里的内容

复制代码 代码如下:

jquery动态向span成分中插入数据,jquery动态span元素

  $(“span”).text(“增多的内容”);添Gavin本内容措施。

  $(“span”).html(“<font
color=’red’>五回密码输入不一致</font>”);增加HTML成分。

$(“span”).text(“增加的剧情”);添Gavin本内容措施。 $(“span”).html(“font
color=’red’一回密码输入不一…

在付出中,有时会碰到需求获得成分html内容,再进一步遍历或操作,而jquery中的jquery.html()是获取当前节点下的html代码,并不带有当前节点自身的代码.这年能够用
jquery.prop(“outerHTML”) 来获得。

此办法选择全体不含有子成分恐怕文本的空成分:

var text = ”;
$(‘div’).contents().each(function(){
if(this.nodeType === 3){
text += this.wholeText;
}
});

<div class=”parent”>

实例:

nodeType

<h1>标题一</h1>

<!DOCTYPE html>
<html lang='zh-cn'>
<head>
<title>Insert you title</title>
<meta http-equiv='description' content='this is my page'>
<meta http-equiv='keywords' content='keyword1,keyword2,keyword3'>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type='text/javascript' src='./js/jquery-1.12.1.min.js'></script>
<script type="text/javascript">
    $(function(){
       $('#list li:empty').html('添加测试文本');
    });
</script>
</head>
<body>
    <ul id='list'>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li class='empty-selector'>原文本</li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</body>
</html>
元素element 1
属性attr 2
文本text 3
注释comments 8
文档document 9

<h2>标题二</h2>

 

代码如下: var text = ”;
$(‘div’).contents().each(function(){ if(this.nodeType === 3){ text +=
this.wholeText; } }); nodeType 成分element 1 属性attr 2 文本te…

</div>

js:

var parentHTML= $(“.parent”).prop(“outHTML”);

console.log(parentHTML)  

出口结果为:<div
class=”parent”><h1>标题一</h1><h2>标题二</h2></div>

=

发表评论

电子邮件地址不会被公开。 必填项已用*标注