如何使用jquery更改div标题

前端之家收集整理的这篇文章主要介绍了如何使用jquery更改div标题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下代码
  1. <div id="DivPassword" title="test" >

我想改变div标题,我有以下代码

  1. function ChangeAttribute() {
  2. $("#DivPassword")
  3. .attr('title','Photo by Kelly Clark');
  4. $('#DivPassword').dialog('open');
  5. return false;
  6. }

当对话框打开时,标题仍然是测试!如果我没有为div分配任何标题,该对话框不会显示任何标题.我该怎么纠正?

  1. function ChangeAttribute() {
  2. $("#DivPassword")
  3. .attr('title','Photo by Kelly Clark')
  4. .dialog('open');
  5.  
  6. alert($("#DivPassword").attr('title'));
  7. }
  8.  
  9. $('#DivPassword').dialog({
  10. autoOpen: false,width: 800,buttons: {
  11. "Cancel": function() {
  12. $(this).dialog("close");
  13. },"Accept": function() {
  14. alert($(this).attr('title'));
  15. $(this).dialog("close");
  16. }
  17. }
  18. });
  1. <script type="text/javascript">
  2. var Dtitle;
  3. $(function() {
  4. $('#DivPassword').dialog({
  5.  
  6. autoOpen: false,title : Dtitle,"Accept": function() {
  7. $(this).dialog("close");
  8. }
  9. }
  10. });
  11. });
  12.  
  13. function ChangeAttribute(name) {
  14. $("#DivPassword")
  15. .attr('title',name)
  16. .dialog('open');
  17. Dtitle = $("#DivPassword").attr('title');
  18. alert(Dtitle);
  19. }
  20.  
  21.  
  22. </script>

解决方法

您可以直接使用以下方式更改对话框的标题
  1. $('#DivPassword').dialog('option','title','Photo by Kelly Clark');

这将适用于你的情况.其实你的代码改变title属性是正确的.我猜对话插件首先调用.dialog时会创建对话框. open方法只是显示对话框,而不需要从div重新创建它.

猜你在找的jQuery相关文章