復(fù)制一個(gè)” <p>p元素</p>“到h2下面，怎么不會(huì)被包裹起來(lái)？
<body>
? ? <h2>DOM包裹wrapAll()方法</h2>
? ? ?<p>p元素</p>//問(wèn)題：為什么這個(gè)P不會(huì)被包裹起來(lái)呢?
? ? <div class="left">
? ? ? ? <div class="aaron1">點(diǎn)擊,通過(guò)wrapAll方法給所有P元素增加父容器div</div>
? ? ? ? <div class="aaron2">點(diǎn)擊,通過(guò)wrapAll的回調(diào)方法給每個(gè)a元素增加父容器div</div>
? ? </div>
? ? <div class="right">
? ? ? ? <p>p元素</p>
? ? ? ? <p>p元素</p>
? ? </div>
? ? <div class="left">
? ? ? ? <a>a元素</a>
? ? ? ? <a>a元素</a>
? ? </div>
? ? <script type="text/javascript">
? ? $(".aaron1").on('click', function() {
? ? ? ? //給所有p元素，增加父容器div
? ? ? ? $('p').wrapAll('<div></div>');
? ? })
? ? </script>
? ? <script type="text/javascript">
? ? $(".aaron2").on('click', function() {
? ? ? ? //wrapAll接受一個(gè)回調(diào)函數(shù)
? ? ? ? //每一次遍歷this都指向了合集中每一個(gè)a元素
? ? ? ? $('a').wrapAll(function() {
? ? ? ? ? ? return '<div></div>'
? ? ? ? })
? ? })
? ? </script>
</body>
2016-08-18
我知道了，因?yàn)閣rapAll()會(huì)將所有匹配元素移動(dòng)到第一個(gè)匹配元素的位置再進(jìn)行包裹，將”?<p>p元素</p>“復(fù)制到h2下面不是沒(méi)有被包裹，而是所有的p都移到h2下面去了，不在”<div class="right">? </div>“內(nèi)部了，沒(méi)了.right的樣式，我看不到了而已。。。好尷尬的自問(wèn)自答