jquery修改a标签中文本的值。
<a id='xiaoxi' class="menu-item" onclick="loadpage('message');" ><img alt="消息" src="images/menu_bb.gif" />消息</a>修改
我想只修改消息
$("#xiaoxi").text(" 消息(new)");
$("#xiaoxi").html(" 消息(new)");
上面两种都会把img标签弄没。
求解
img标签在a标签里面，你text或html方法都会替换掉a标签内的所有内容，包括html标签，为文字加个标签包裹起来即可，例如span
<a id='xiaoxi' class="menu-item" onclick="loadpage('message');" ><img alt="消息" src="images/menu_bb.gif" /><span>消息</span></a> 选择器加上span
温馨提示：内容为网友见解，仅供参考
第1个回答 2014-12-23
我抗议，采纳的答案没有我的好
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>main.html</title>
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$ (function ()
{
$('a#xiaoxi').prop('lastChild').nodeValue = '消息(new)';
})
</script>
</head>
<body>
<a id='xiaoxi' class="menu-item" onclick="loadpage('message');"><img alt="消息" src="images/menu_bb.gif" />消息</a>修改
</body>
</html>
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>main.html</title>
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$ (function ()
{
$('a#xiaoxi').prop('lastChild').nodeValue = '消息(new)';
})
</script>
</head>
<body>
<a id='xiaoxi' class="menu-item" onclick="loadpage('message');"><img alt="消息" src="images/menu_bb.gif" />消息</a>修改
</body>
</html>
第2个回答 2014-12-23
<a id='xiaoxi' class="menu-item" onclick="loadpage('message');" ><img alt="消息" src="images/menu_bb.gif" /><div>消息</div></a>修改 //加个div只修改div里面的有好了
第3个回答 2018-06-27
相似回答
