jQuery更改内部文本但保留html [英] JQuery change inner text but preserve html
本文介绍了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="https://ajax.googleapis.com/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的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文