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

Working Fiddle

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

更多示例请参阅文档：

Documentation

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

非常简单的代码来更改属性但不起作用

2 个答案: