同じクラス名に基づいて複数のdivコンテンツを変更しますか？

Question

私はこれらに固有のIDを持っていますが、class = "on"のすべてのdivを内容 "Goodbye"に変更したいと思います。個別に各IDを呼び出すことなくこれを行う方法はありますか？

この...

<div class="on" id="1">Hi</div> 
<div class="random" id="2">Hi</div> 
<div class="on" id="3">Hi</div> 

が...このようになります。

<div class="on" id="1">Goodbye</div> 
<div class="random" id="2">Hi</div> 
<div class="on" id="3">Goodbye</div> 

Answer 1

.html()試してみてください。

$('.on').html('Goodbye'); 

または.text()：

$('.on').text('Goodbye'); 

Answer 2

はどのように変更内容を計画していますか？ jQueryでイベントをクリックしますか？それは、イベントをクリックします場合は、そのようなものだろう：

<div class="content">Hi</div> 
<div class="content">Hi</div> 
<div class="content">Hi</div> 

を次に、あなたが言うことができる：

$(document).ready(function(){ 
    $('.content').click(function(){ 
    $(this).html('Goodbye'); 
    }); 
}); 

を私はこれをテストしていないが、私は開始する場所それはです。

Answer 3

私はあなたが何をしようとして全くわからないんだけど、あなたはHTML仕様のIDでjQueryの

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> 
<div id="container"> 
    <div class="on" id="1">Byte</div> 
    <div class="random" id="2">Bye</div> 
    <div class="on" id="3">Byte</div> 
</div> 

<script type="text/javascript"> 
    $("#container").children().each(function(n, i) { 
     $(div.on).replaceWith("<div class="on" id="this.id">" Goodbye + "</div>"); 
    }); 
</script>