Javascript 单击工具提示时更改引导的文本

我想在单击工具提示时更改其文本。 这是我当前的代码：

function myFunction() {
    var copyText = document.getElementById("myInput");
    copyText.select();
    document.execCommand("copy");
    $('.mail').tooltip('hide')
        .attr('data-original-title', "hola")
        .tooltip('fixTitle')
        .tooltip('show');
}

<pre>You can use:</pre>

<a onclick="test()" id="test" href="#" data-toggle="testtip" title="first content!">Click me</a>


<script>
$(document).ready(function(){
    $('[data-toggle="testtip"]').tooltip();   
});
function test() {
$("a").attr("data-original-title", "New content");  
}
</script>

我想更改的工具提示是这个

<a href="#" onclick="return false;" class="mail">
    <img data-toggle="tooltip" data-placement="top" title="Copia mi correo" src="img/mail.png" onclick="myFunction()">
</a>

谢谢您添加了

.attr（'data-original-title'，'hola'）。工具提示（'fixttitle'）。工具提示（'show'）

到

$（'.mail'）

它需要位于

img

内部

$（'.mail'）

。以下是一个例子：

$（函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）
$（'[data toggle=“tooltip”]'）。在（'单击'，函数（）上{
$（this.attr（'data-original-title'，'工具提示已更改'）
});
})

希望此代码有效

<a href="#" onclick="return false;" class="mail">
<img id="myinput" data-toggle="tooltip" data-placement="top" title="Copia mi correo" src="img/mail.png" onclick="myFunction()">

您可以使用：
$（文档）.ready（函数（）{
$（'[data toggle=“testtip”]'）。工具提示（）；
});
功能测试（）{
$（“a”）.attr（“数据原始标题”、“新内容”）；
}

使用Jquery

---

谢谢你，这是一个更好的一点，但它没有改变，当我点击，我已经取消悬停和再次你检查了我的例子吗？首先单击并悬停是的，我已选中，当你单击它时，它不会改变，你必须再次悬停以查看更改。这是可行的，但你需要再次模糊和重新设置。要修复它，您可以：

$（this.tooltip（'hide'）$工具提示（“显示”）抱歉，但这不起作用
<pre>You can use:</pre>

<a onclick="test()" id="test" href="#" data-toggle="testtip" title="first content!">Click me</a>


<script>
$(document).ready(function(){
    $('[data-toggle="testtip"]').tooltip();   
});
function test() {
$("a").attr("data-original-title", "New content");  
}
</script>

$(this).tooltip('hide')
.attr('data-original-title', 'new text')
.tooltip('show');