如何替换html标记p
在blockquote
与br
,与点击工作button
前 :
<div id='tes'>
<blockquote>
<p>Lorem Ipsum one</p>
<p>Lorem Ipsum two</p>
<p>Lorem Ipsum <b>bold</b></p>
</blockquote>
</div>
<button>Replace P</button>
后 :
<div id='tes'>
<blockquote>
Lorem Ipsum one<br/>
Lorem Ipsum two<br/>
Lorem Ipsum <b>bold</b><br/>
</blockquote>
</div>
为此,您可以向replaceWith()
方法提供一个函数,该函数返回p
标记的当前 HTML 内容,并<br />
在末尾附加。试试这个:
$('button').click(function() {
$('blockquote p').replaceWith(function() {
return $(this).html() + '<br />';
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='tes'>
<blockquote>
<p>Lorem Ipsum one</p>
<p>Lorem Ipsum two</p>
<p>Lorem Ipsum <b>bold</b></p>
</blockquote>
</div>
<button>Replace P</button>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句