首页 > 语言 > JavaScript > 正文

jQuery实现在列表的首行添加数据

2024-05-06 16:20:37
字体:
来源:转载
供稿:网友
这篇文章主要介绍了jQuery实现在列表的首行添加数据的方法,十分的简单,有需要的小伙伴可以参考下。
 

jQuery中可以通过append在列表的最后添加数据,也可以通过prepend在列表的最前面添加数据

方法很简单:

 

复制代码代码如下:

jQuery('#comment_list').prepend('<li>hello www.vevb.com</li>');

 

另外附上jquery实现连续向textarea文本域添加数据的代码。
 

  1. <%@ page language="java" contenttype="text/html; charset=gbk" pageencoding="gbk"%> 
  2. <%@ include file="/pages/common/taglibs.jsp"%> 
  3. <!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd"
  4. <html> 
  5. <head> 
  6. <script type="text/javascript" src="jquery-1.4.js"></script> 
  7. <script type="text/javascript"
  8.   $(document).ready(function(){ 
  9.     $("input[id^='buttonvalidate']").click(function(){ //当点击所有的id中包含'buttonvalidate'的input标签时,执行函数 
  10.      var btnval=$.trim($(this).val());//trim函数,去掉空格 
  11.      var str = $('#textareavalidate').val() + btnval;// 
  12.      $('#textareavalidate').val(str);// 
  13.     }); 
  14.   }); 
  15. </script> 
  16. <title>insert title here</title> 
  17. </head> 
  18. <body> 
  19. <form id="form1" name="form1" action="" method="post"
  20. <table id ="table1" class="base_table" cellspacing="0" border="1" style="border-collapse: collapse"
  21.  <tr> 
  22.  <td> 
  23.  <textarea cols="75" rows="5" id="textareavalidate"></textarea> 
  24.  </td> 
  25.  </tr> 
  26.  <tr id="tr1"
  27.  <td> 
  28.  <input id="buttonvalidate1" type="button" value=" + "/>  
  29.  <input id="buttonvalidate2" type="button" value=" - "/>  
  30.  <input id="buttonvalidate3" type="button" value=" * "/> 
  31.  <input id="buttonvalidate4" type="button" value=" / "/>    
  32.  <input id="buttonvalidate5" type="button" value=" ! "/> 
  33.  <input id="buttonvalidate6" type="button" value=" = "/> 
  34.  <input id="buttonvalidate7" type="button" value=" < "/> 
  35.  <input id="buttonvalidate8" type="button" value=" > "/>    
  36.  <input id="buttonvalidate9" type="button" value=" & "/> 
  37.  <input id="buttonvalidate10" type="button" value=" | "/> 
  38.  <input id="buttonvalidate11" type="button" value=" ( "/> 
  39.  <input id="buttonvalidate12" type="button" value=" ) "/> 
  40.  </td> 
  41.  </tr> 
  42. </table> 
  43. </form> 
  44. </body> 
  45. </html> 
?
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表