为什么最后一步同样是 $(".left a:first").text却控制的是第二个div里的元素了
<script type="text/javascript">
//通过.text()的回调,获取原本的内容,修改,在重新赋值
$(".left a:first").text(function(idnex,text){
return '增加新的文本内容' + text
})
</script>
之前是控制第一个div 里 第一个a
现在为什么控制第二个了
<script type="text/javascript">
//通过.text()的回调,获取原本的内容,修改,在重新赋值
$(".left a:first").text(function(idnex,text){
return '增加新的文本内容' + text
})
</script>
之前是控制第一个div 里 第一个a
现在为什么控制第二个了
2016-04-28
<script type="text/javascript">
//通过.html()方法替换html结构
$(".left div:first").html('整个div的子节点都被替换了')
</script>
<script type="text/javascript">
//通过.text()的回调,获取原本的内容,修改,在重新赋值
$(".left a:first").text(function(idnex,text){
return '增加新的文本内容' + text
})
</script>
这是你问的两段代码
在第一段那里用html替换的是html结构
也就是说在下面下划线的3段已经被更改成了 <div class="div">整个div的子节点都被替换了 </div>
<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>
于是下一段$(".left a:first")时寻找到的是第二个div里的<a>
举报