+ -
当前位置:首页 → 问答吧 → jquery内容追加问题!!!版主帮忙看看!!!!

jquery内容追加问题!!!版主帮忙看看!!!!

时间:2009-10-18

来源:互联网

复制代码
  1.                         <ul class="comments">
  2.                                 <li class="comments-li">
  3.                                 <div class="meta"><a class="name" href="#"><strong>用户名</strong></a> <span class="date">0000-00-00 00:00</span>发表</div>
  4.                                 <div class="quote">
  5.                                     <a class="name" href="#"><strong>引用ssss的发言:</strong></a><br>
  6.                                     一段评论一段评论一段评论
  7.                                 </div>
  8.                                 <p>一段评论一段评论一段评论</p>
  9.                                 <div class="actions"><a href="javascript:;" id="quote">引用</a> <a href="javascript:;" id="support">支持</a> <a href="javascript:;" id="opposition">反对</a></div>
  10.                             </li>
  11.                             <li class="comments-li">
  12.                                 <div class="meta"><a class="name" href="#"><strong>用户名</strong></a> <span class="date">0000-00-00 00:00</span>发表</div>
  13.                                 <div class="quote">
  14.                                     <a class="name" href="#"><strong>引用ssss的发言:</strong></a><br>
  15.                                     一段评论一段评论一段评论
  16.                                 </div>
  17.                                 <p>一段评论一段评论一段评论</p>
  18.                                 <div class="actions"><a href="#">引用</a> <a href="#">支持</a> <a href="#">反对</a></div>
  19.                             </li>
  20.                             <li class="comments-li">
  21.                                 <div class="meta"><a class="name" href="#"><strong>用户名</strong></a> <span class="date">0000-00-00 00:00</span>发表</div>
  22.                                 <p>一段评论一段评论一段评论</p>
  23.                                 <div class="actions"><a href="javascript:;" onClick="docomment_form()">引用</a> <a href="javascript:;" onClick="docomment_form()">支持</a> <a href="javascript:;" onClick="docomment_form()">反对</a></div>
  24.                             </li>
  25.                         </ul>
我想要在                        <ul class="comments">里追加内容<li class="comments-li">并且显示在                        <ul class="comments">的第一条!!!

我是这样写的可是去到了最后一条!!!!
$(".comments").append(returndata);

作者: wengbin22   发布时间: 2009-10-18

prepend(content)
向每个匹配的元素内部前置内容。
这是向所有匹配元素内部的开始处插入内容的最佳方式。
返回值

jQuery
参数

content (String, Element, jQuery) : 要插入到目标元素内部前端的内容
示例

向所有段落中前置一些HTML标记代码。

HTML 代码:
<p>I would like to say: </p>

jQuery 代码:
$("p").prepend("<b>Hello</b>");

结果:
[ <p><b>Hello</b>I would like to say: </p> ]

将一个DOM元素前置入所有段落

HTML 代码:
<p>I would like to say: </p>
<p>I would like to say: </p>
<b class="foo">Hello</b>
<b class="foo">Good Bye</b>

jQuery 代码:
$("p").prepend( $(".foo")[0] );

结果:
<p><b class="foo">Hello</b>I would like to say: </p>
<p><b class="foo">Hello</b>I would like to say: </p>
<b class="foo">Hello</b>
<b class="foo">Good Bye</b>

向所有段落中前置一个jQuery对象(类似于一个DOM元素数组)。

HTML 代码:
<p>I would like to say: </p><b>Hello</b>

jQuery 代码:
$("p").prepend( $("b") );

结果:
<p><b>Hello</b>I would like to say: </p>

作者: joey   发布时间: 2009-10-18

谢了哈!!!!!!!

作者: wengbin22   发布时间: 2009-10-18

好!!!!

作者: haibin666   发布时间: 2009-10-19