jquery - 如何使用jQuery更改div标题

我有以下代码：

<div id="DivPassword" title="test" >

 

我想更改div标题，并且有以下代码：

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

打开对话框后，标题仍在测试中！如果我没有为div分配任何标题，则对话框不会显示任何标题。我该如何纠正？

 function ChangeAttribute() {
         $("#DivPassword")
            .attr('title', 'Photo by Kelly Clark')
            .dialog('open');

         alert($("#DivPassword").attr('title'));
     }

$('#DivPassword').dialog({
             autoOpen: false,
             width: 800,
             buttons: {
                 "Cancel": function() {
                     $(this).dialog("close");
                 },
                 "Accept": function() {
                 alert($(this).attr('title'));
                     $(this).dialog("close");
                 }
             }
         });

 <script type="text/javascript">
     var Dtitle;
     $(function() {
        $('#DivPassword').dialog({

             autoOpen: false,
             width: 800,
             title : Dtitle,
             buttons: {
                 "Cancel": function() {
                     $(this).dialog("close");
                 },
                 "Accept": function() {
                     $(this).dialog("close");
                 }
             }
         });
     });

     function ChangeAttribute(name) {
         $("#DivPassword")
            .attr('title', name)
            .dialog('open');
         Dtitle = $("#DivPassword").attr('title');
         alert(Dtitle);
     }


</script>

最佳答案

您可以使用以下方法直接更改对话框的标题：

$('#DivPassword').dialog('option', 'title', 'Photo by Kelly Clark');

这将适合您的情况。实际上，您更改title属性的代码是正确的。我猜想对话框插件会在第一次调用.dialog时创建对话框。然后，打开方法仅显示对话框，而无需从div重新创建它。

关于jquery - 如何使用jQuery更改div标题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/2696682/