Question

我想使用jQuery

更改按钮的标题

<button id="pub2" class="pub2" title="ok">Bibtex</button> 
<script>Tippy('.pub2', {interactive : true})</script>

另外，我有一个小段来测试

<p id="testP">
   text
</p>

要更改属性，我正在执行以下操作：

$(document).ready(function(){
   $("#testP").text("test worked");
   $("#pub2").attr("title", "new title not working");
});

更新段落的文本工作正常，但按钮的标题不会改变，为什么？

Answer 1

您的代码正常运行： -

＆＃13;

$(document).ready(function(){
    $("#testP").text("test worked");
    $("#pub2").attr("title", "new title not working");// you can use prop() also
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="pub2" class="pub2" title="ok"> Bibtex </button> 

<p id="testP">
 text
</p>

＆＃13;

注意： -

按钮

下有此代码

<script>Tippy('.pub2', {interactive : true})</script>

尝试从那里删除它并添加到您的脚本代码中，如下所示： -

$(document).ready(function(){
  $("#testP").text("test worked");
  Tippy('.pub2', {interactive : true})
  $("#pub2").attr("title", "new title not working");// you can use prop() also
});

Answer 2

使用这个： HTML：

<button id="pub2" class="pub2" title="ok"> Bibtex </button>

jQuery：

$("#pub2").prop("title", "new title not working");

jQuery - 设置按钮标题

2 个答案: