為什么最后一步同樣是 $(".left a:first").text卻控制的是第二個(gè)div里的元素了
? ? <script type="text/javascript">
? ? ? ? //通過.text()的回調(diào)，獲取原本的內(nèi)容，修改，在重新賦值
? ? ? ? $(".left a:first").text(function(idnex,text){
? ? ? ? ? ? return '增加新的文本內(nèi)容' + text
? ? ? ? })
? ? </script>
之前是控制第一個(gè)div 里 第一個(gè)a
現(xiàn)在為什么控制第二個(gè)了
2016-04-29
? ?<script type="text/javascript">
? ? ? ? //通過.html()方法替換html結(jié)構(gòu)
? ? ? ? $(".left div:first").html('整個(gè)div的子節(jié)點(diǎn)都被替換了')
? ? </script>
? ? <script type="text/javascript">
? ? ? ? //通過.text()的回調(diào)，獲取原本的內(nèi)容，修改，在重新賦值
? ? ? ? $(".left a:first").text(function(idnex,text){
? ? ? ? ? ? return '增加新的文本內(nèi)容' + text
? ? ? ? })
? ? </script>
這是你問的兩段代碼
在第一段那里用html替換的是html結(jié)構(gòu)?
也就是說在下面下劃線的3段已經(jīng)被更改成了? <div class="div">整個(gè)div的子節(jié)點(diǎn)都被替換了?</div> ?
?<div class="left first-div">
? ? ? ? <div class="div">
? ? ? ? ? ? <a>:first-child</a>
? ? ? ? ? ? <a>第二個(gè)元素</a>
? ? ? ? ? ? <a>:last-child</a> ?
? ? ? ? </div> ?
? ? ? ? <div class="div">
? ? ? ? ? ? <a>:first-child</a>
? ? ? ? ? ? <a>第二個(gè)元素</a>
? ? ? ? ? ? <a>:last-child</a>
? ? ? ? </div>
? ? </div>
于是下一段$(".left a:first")時(shí)尋找到的是第二個(gè)div里的<a>
2016-07-17
? $(".left div:first").text('整個(gè)div的子節(jié)點(diǎn)都被替換了')我用text也會把div里的<a>替換掉了。也可以控制第二個(gè)
2016-04-29
在第一段那里用html替換的是html結(jié)構(gòu) ，此時(shí)的div里沒有<a>了；下一段$(".left a:first")時(shí)尋找到的是第二個(gè)div里的<a>