如何在div中设置p标签和在td标签内设置div标签

时间:2012-03-22 19:07:47

标签: jquery html

提前感谢您审核我的帖子。

我现在只使用jquery大约一个星期,到目前为止,它非常整洁。好像我被困了。我有一个具有以下结构的表:

例如,我有一个id为“mytable”的表。 具有以下单元格的行:

  • 带有div标签的td。 div标签的p标签的id为“myP1”
  • 带有div标签的td。 div标签的p标签的id为“myP2”

我做的一切似乎都没有用?如何在“p”标签内设置html?这似乎不起作用:

//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 );
});

感谢您的帮助!

2 个答案:

答案 0 :(得分:1)

要更新该表中div内的所有p标记,您可以执行此操作

$(function(){

  $("#mytable div p").html("dynamic content");    

});

这是工作样本

http://jsfiddle.net/2gWHW/3/

如果您只想上传特定的p,可以使用这样的ID

$("#myP1").html("new content");

答案 1 :(得分:0)

// 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')
});

至于你的其余答案,我认为:

$(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