使用.append()和click()

时间:2012-03-22 13:06:32

标签: javascript jquery

您好我想在用户点击它时替换div中的文本我已经尝试过这段代码但我的代码有问题

<script>
$(document).ready(function(){
    //alert('hi');
    $('div').append('hi')

    $('div').click(function(){
        $('this').append('how r u');

        })

    })
</script>

请帮助

谢谢

4 个答案:

答案 0 :(得分:5)

你很亲密!

this是JavaScript中的关键字,但您将其用作字符串。摆脱'周围this,你应该没事!

$('div').click(function(){
    $(this).append('how r u');
});

注意

如果您要替换文字,则应使用.html().text()代替.append()。追加会将所有文本保留在div中,并在最后添加新文本。

答案 1 :(得分:2)

如果要替换文本,请使用html方法

$('div').click(function(){
        $(this).html('how r u');

        })    
})

您不需要' this

工作样本:http://jsfiddle.net/4xj72/1/

如果您没有添加HTML标记,也可以使用text()方法。

http://jsfiddle.net/4xj72/3/

答案 2 :(得分:1)

    <script>
$(document).ready(function(){
    //alert('hi');
    $('div').append('hi')

    $('div').click(function(){
        $(this).append('how r u');

        })

    })
</script>

答案 3 :(得分:1)

$('this').append('how r u');$(this).append('how r u');this是一个不应该有'引号的关键字。