Question

a标签中包含别的标签,如何修改a标签的值

<a href="#"><img src="/image.jpg">要修改的文字</a>
如上的html，如何通过JS或者JQ修改a标签显示的文字？我试过val("修改后")，这样无效，用text和html修改后，文字是修改了，但是里面的图片也被删除了。。。

Answer 1

两个方法(获取标签用了jQuery,原生js同理)
一.利用正则式来替换
<a href="#" id="a"><img src="/image.jpg">要修改的文字</a>

$("#a").html($("#a").html().replace(/(.*>).*/,"$1修改"));

二.文字包裹一个span
<a href="#"><img src="/image.jpg"><span id="b">要修改的文字</span></a>

$("#b").html("修改");

Answer 2

最简单的是你用一个span 把要修改的文字包上 如果不要这种的话 就用正则表达式然后进行里面的替换