jquery - 属性を変更するための非常に単純なコードですが、機能しません

Question

リンクをクリックしたときにdivのtitle属性を変更しようとしていますが、機能していません。コードは次のとおりです。

<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");