使用Jquery在HTML中填充“p”标记

时间:2012-07-20 08:56:04

标签: javascript jquery html

当我提到“P”它返回多次关于PHP的搜索时,我无法弄清楚这个iv浏览网络的语法

我想要做的是使用变量值填充p标签文本吗?

这是我的Jquery

$('.FOS, .MF, .CW, .OO, .LL, .CO, .TAK, .FCS, .CO').mouseover(function(e) {
    var tr = $(this).closest('tr');
    var Comments = tr.find('.GeneralComments').text();
    if (Comments != "") {
        $('div#pop-up').show();
        $('p').text == Comments;
    } else {
        $('div#pop-up').hide();
    }
    return false;
});

我试图将评论中的值分配给p.text但它不起作用?

这是我的div所在的位置。

<div id="pop-up">
        <h3>
            Over all Notes</h3>
        <p>
           This is where i want the value from comments to appear? 
        </p>
    </div>

任何帮助将不胜感激,谢谢。

4 个答案:

答案 0 :(得分:12)

这将使用#pop-up变量

中的文字填充Comments内的段落标记
$("#pop-up > p").text(Comments);

我建议您阅读API here

答案 1 :(得分:0)

这是正确的语法。

$("#pop-up > p").text(Comments);

最好的方法是为该p标签添加ID。并使用ID填充注释,例如将id comments添加到该p标记,您可以使用:

$("p#comments").text(Comments);

答案 2 :(得分:0)

if (Comments != "") {
    $('div#pop-up').show();
    $('p').text(Comments);
}

==是一个比较运算符,而不是赋值运算符。

同样在jQuery中,您将要创建的赋值作为参数传递给函数。

答案 3 :(得分:0)

if (Comments != "") {
    $('div#pop-up')
      .show()
      .find('p')
      .text(Comments);
}

请参阅docs for the .text() method