本文介绍了jQuery更改内部文本但保留html的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想更改HTML元素的文本,但使用jQuery保留其余内部html.
I would like to change the text of a HTML element but preserve the rest of the inner html with jQuery.
例如:
<a href="link.html">Some text <img src="image.jpg" /></a>将某些文本"替换为其他文本",结果应类似于:
replace "Some text" with "Other text", and the result should look like:
<a href="link.html">Other text <img src="image.jpg" /></a>我当前的解决方案如下:
My current solution is following:
var aElem = $('a'); var children = aElem.children(); aElem.text("NEW TEXT"); aElem.append(children);但是必须有一些更优雅的方法.
But there must be some more elegant way of doing this.
推荐答案这似乎很好.
在线演示
<html> <head> </head> <body> <a href="link.html">Some text <img src="img.jpg" /></a> </body> </html> <script type="text/javascript" src="ajax.googleapis/ajax/libs/jquery/1.5.0/jquery.min.js"></script> <script type="text/javascript"> $(function(){ var $link = $('a'); var $img = $link.find('img'); $link.html('New Text'); $link.append($img); }); </script>更多推荐
jQuery更改内部文本但保留html
发布评论