jquery - 更改属性但不工作的非常简单的代码

Question

单击链接时，我试图更改 div 的标题属性，但它不起作用这是代码

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(e) {
        $("a#change").click(function() {
            $("#city").attr("title", "new title");          
        }); 
    });
</script>

和身体：

<a href="#" id="change">change</a>
<div id="city" title=""></div>

Answer 1

$(document).ready(function(e) {
    $("a#change").click(function(e) {
        e.preventDefault();
        $("#city").attr("title", "new title");           
    }); 
});

工作小提琴

如果要更改元素的任何属性，可以使用.attr()或.prop()。但在这里我使用了.attr().

有关更多示例，请参阅文档：

文档

Answer 2

尝试以下代码行之一：

// this will change the content of the div itself
$("#city").html("new title");

// this will change the title attribute's value
$("#city").attr("title", "new title");