Question

thanks in advance for reviewing my post.

I’ve only been using jquery for about a week now and so far, it’s pretty neat. It seems I’m stuck though. I have a table with the following structure:

For example, I have a table with an id as “mytable”.
Rows with the following cells:

• A td with a div tag. The div tag has a p tag with an id as “myP1”
• A td with a div tag. The div tag has a p tag with an id as “myP2”

Nothing I do seems to work? How can I set the html inside the “p” tags? This didn’t seem to work:

//note:  the key would match one of the ids in the "p" tags.
jQuery.each( map, function( key, value ) {
    $( '#mytable td' ).find( 'p[id=' + key + "]'" ).html( value );
    //this did not work either -->  $('#' + key ).html( value );
});

Thanks inadvance for your help!

Answer 1

// this is jquery method for window.onload = function ...
$(function() {
    // this tells jQuery to get the element with the ID "myP1" and fill it's text with what's in () of .text
    $("#myP1").text('Type a string here and it will be the text')
});

as for the rest of your answer, i think:

$(function(){
    $.each(map, function(i, data){ // i is 0 based index, or could be key 
                                   // in object like var map = { key1: 'value1' }
        $("#myP"+(i+1)).text(data);
    ​});
});

here is a working example with even more fun uses of jQuery, will add comments to it and update it shortly