jquery - 使用 jQuery 更改元素的文本

Question

我是 jQuery 新手，正在 Ubuntu 11.4 上使用 Netbeans 7.3 为 FF 开发一些练习代码。我使用以下 html 调用从具有文本“Hello world”的 h1 元素开始。

<h1>Hello World</h1>

然后，当我使用以下 jQuery 代码单击“Hello world”时，我尝试将测试更改为“Good bye world”。

var $j = jQuery.noConflict();
$j( document ).ready( function() {
    $j("h1").click(function( event ) {   
        $("h1").html("Good bye world");
    });    
});

但是，当我单击 h1“Hello world”文本时，它仍然是“Hello world”。这是更改文本的错误代码吗？

Answer 1

试试这个：

$(function() {  
    $('h1').click(function() {  
        $(this).text('Goodbye, world');
    });
});

这是一个jsFiddle 演示。

正如评论中所指出的，您也在混淆您的 jQuery 引用。您的代码应该是：

var $j = jQuery.noConflict();
$j( document ).ready( function() {
    $j("h1").click(function( event ) {   
        $j("h1").html("Good bye world");
    });    
});

Answer 2

用这个

$(this).text('Goodbye, world');

如果你想追加使用

$(this).append('your text');

Answer 3

你在这里错过了一个 jquery 参考 -

正确的代码应该是 -

<script type="text/javascript">
    var $j = jQuery.noConflict();
        $j( document ).ready( function() {
            $j("h1").click(function( event ) {   
                $j("h1").html("Good bye world");
            });    
        });
</script>

在您的代码中，一行是-$("h1").html("Good bye world");

这应该是 -

$j("h1").html("Good bye world");