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>

あなたのコードでは、1行が -$("h1").html("Good bye world");

これは -

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