Question

Jquery <DIV> title 设置的问题

<div id="tag-dialog-form" style="display:none;" title="添加用户"></div>
alert($("#tag-dialog-form").attr("title"));
$("#tag-dialog-form").attr({title:"编辑用户"});
$("#tag-dialog-form").attr("title","编辑用户");
两个都不起作用
第一次显示UNDEFINED；
第二次显示编辑用户。设置到哪里去了？帮解答一下，谢谢

Answer 1

//我测试了下，你的写法有点不对：attr({title:"编辑用户"});这显然是不对的写法。
$(function(){
alert($("#tag-dialog-form").attr("title")); //添加用户
$("#tag-dialog-form").attr("title","编辑用户a");//
$("#tag-dialog-form").attr("title","编辑用户b");
alert($("#tag-dialog-form").attr("title"));//编辑用户b
})

Answer 2

其实你两个写法都是没有问题的。

<div id="tag-dialog-form" style="display:none;" title="添加用户"></div>
 alert($("#tag-dialog-form").attr("title"));//弹出dom中title的值：添加用户
$("#tag-dialog-form").attr({title:"编辑用户1"});//把dom中title的值设置为：编辑用户1
$("#tag-dialog-form").attr("title","编辑用户2");//把dom中title的值设置为：编辑用户2

所以页面中title的值应该是：编辑用户2，你用鼠标你可以在每个attr下面放一个alert，就能看到效果。

代码如下：

alert($("#tag-dialog-form").attr("title"));
  $("#tag-dialog-form").attr({title:"编辑用户1"});
  alert($("#tag-dialog-form").attr("title"));
  $("#tag-dialog-form").attr("title","编辑用户2");
  alert($("#tag-dialog-form").attr("title"));

希望能帮到你。

追问

$("#tag-dialog-form").attr({title:"编辑用户1"});
$("#tag-dialog-form").attr("title","编辑用户2");这两个随便哪个都行的，我只是想要改变title，上面两个是方法，我都试过了不行。会不会是css的问题？

追答

我只是想要改变title，上面两个是方法，我都试过了不行？

是什么意思？

追问

这两种都试过了，不行啊。改变不了，还有其他方法吗？

追答

你是要改变title的值还是什么？

Answer 3

$("#tag-dialog-form").attr("title","编辑用户");这样写就对,

你没有输出显示 是因为缺少一个

 alert($("#tag-dialog-form").attr("title"));

这样写：

alert($("#tag-dialog-form").attr("title"));
$("#tag-dialog-form").attr("title","编辑用户");
alert($("#tag-dialog-form").attr("title"));