text（）替换问题
慕粉初学者
2016-07-17 21:23
<script type="text/javascript">
//通过.text()方法替换文本内容
$(".left a:first").text('替换第一个a元素的内容')
</script>
现在这个div下面是什么一个字符串吗 有没有标签！
8回答
-
- 小儒生
- 2016-07-29 16:19:31
$(".left div:first").text('整个div的子节点都被替换了')
$(".left a:first").text(function(idnex,text){
return '增加新的文本内容' + text
})
这里不应该是 $(".left div:first").html('整个div的子节点都被替换了') 吗？这样才是改变结构吧
-
- GreatDan
- 2016-07-17 23:23:55
不知道，我的有显示
-
- GreatDan
- 2016-07-17 21:37:28
$(".left div:first").text('整个div的子节点都被替换了')
$(".left a:first").text(function(idnex,text){
return '增加新的文本内容' + text
})
-
- GreatDan
- 2016-07-17 21:36:31
下面两个a标签的内容是会显示的，只是你后面的代码又重新给他赋了值。
-
- GreatDan
- 2016-07-17 21:33:49
<body>
<h3>.html()与.text()</h3>
<div class="left first-div">
<div class="div">
<a>:first-child</a>
<a>第二个元素</a>
<a>:last-child</a>
代码的意思是仅仅替换加粗的文本。
-
- 慕粉初学者
- 2016-07-17 21:32:28
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" href="imooc.css" type="text/css">
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<h3>.html()与.text()</h3>
<div class="left first-div">
<div class="div">
<a>:first-child</a>
<a>第二个元素</a>
<a>:last-child</a>
</div>
<div class="div">
<a>:first-child</a>
<a>第二个元素</a>
<a>:last-child</a>
</div>
</div>
<h4>显示通过html方法获取到的内容</h4>
<p></p>
<h4>显示通过text方法获取到的内容</h4>
<p></p>
<script type="text/javascript">
//显示出html方法获取到的内容
//.html()是整个html文档结构
$('p:first').text( $(".first-div").html() )
</script>
<script type="text/javascript">
//显示出text方法获取到的内容
//.text()是文本内容的合集
$('p:last').text( $(".first-div").text() )
</script>
<script type="text/javascript">
//通过.text()方法替换文本内容
$(".left a:first").text('替换第一个a元素的内容')
</script>
<script type="text/javascript">
//通过.html()方法替换html结构
$(".left div:first").text('整个div的子节点都被替换了')
</script>
<script type="text/javascript">
//通过.text()的回调，获取原本的内容，修改，在重新赋值
$(".left a:first").text(function(idnex,text){
return '增加新的文本内容' + text
})
</script>
</body>
</html>
-
- GreatDan
- 2016-07-17 21:30:33
麻烦你发一下代码
-
- GreatDan
- 2016-07-17 21:28:48
<a>替换第一个a元素的内容</a>
有标签
jQuery基础 (一)—样式篇
217509 学习 · 1218 问题
相似问题