Home/ Questions/Q 122565
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T04:08:56+00:00

$(‘div.box’).html(hello) puts the word hello inside all my div’s of class ‘box’. They all

  • 0
$('div.box').html('hello')

puts the word hello inside all my div’s of class ‘box’. They all have an assigned id.

I’m trying to figure out how to put each div’s id instead of ‘hello’ inside the div. Maybe this is really easy, but I can’t figure it out. I’m also new to jQuery. Any ideas? I’ve tried:

$('div.box').html('id: ' + $(this).attr('id'));
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Try this:

    $('div.box').each(function() {   $(this).html('Id: ' + this.id); });

    Full example:

    <html> <head>   <title>Layout</title> </head> <body>   <div id='id1' class='box'>Box One</div>   <div id='id2' class='box'>Box Two</div>   <div id='id3'>Box Three</div>   <div id='id4' class='box'>Box Four</div> <script src='http://www.google.com/jsapi'></script> <script>   google.load('jquery', '1.3.1');   google.setOnLoadCallback(function() {     $(function() {       $('div.box').each(function() {         $(this).html('ID: ' + this.id);       });     });   }); </script> </body> </html>
    • 0