jquery - jQuery attr 标题问题

Question

我无法动态更改 div 的标题属性。这是我的代码：

编辑：

<div id='DivId'></div>

这个 div 是对话框 div。点击按钮“第一”和“第二”，对话框将打开

// On click of button First:
$('#DivId').removeAttr('title');
$('#DivId').attr('title','first');

// On click of button Second:
$('#DivId').removeAttr('title');
$('#DivId').attr('title','second');

在第一个按钮单击时，title仅保留，但是，在单击第二个按钮时，标题不会改变。

编辑

如果我删除$('#DivId').removeAttr('title');，那么它也不起作用。

Answer 1

我认为这应该足够了：

// On click of button First:
$('#DivId').attr('title','first');

// On click of button Second:
$('#DivId').attr('title','second');

...您不需要使用removeAttr，因为该属性title将被新设置覆盖。

编辑：见jsfiddle ...不需要使用removeAttr

Answer 2

你必须这样做：http: //jsfiddle.net/haeze/

$(document).on('click', '#btn1', function() {
    $('#Divid').removeAttr('title');
    $('#Divid').attr('title', 'first');
});

$(document).on('click', '#btn2', function() {
    $('#Divid').removeAttr('title');
    $('#Divid').attr('title', 'second');
});

Answer 3

不知道但$('#Divid').attr('title', 'first');不适合我...所以我尝试先删除$('#Divid').removeAttr('title');，然后应用新标题。但没有奏效。所以我做了 2 Div 而不是 1，并相应地给出标题