首頁  >  文章  >  web前端  >  jQuery實作在清單的首行新增資料_jquery

jQuery實作在清單的首行新增資料_jquery

WBOY
WBOY原創
2016-05-16 15:58:201777瀏覽

jQuery中可以透過append在列表的最後添加數據,也可以透過prepend在列表的最前面添加數據

方法很簡單:

複製程式碼 程式碼如下:

jQuery('#comment_list').prepend('
  • hello www.jb51.net
  • ');

    另外附上jquery實作連續向textarea文本域新增資料的代碼。

    <%@ page language="java" contenttype="text/html; charset=gbk" pageencoding="gbk"%>
    <%@ include file="/pages/common/taglibs.jsp"%>
    <!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd">
    <html>
    <head>
    <script type="text/javascript" src="jquery-1.4.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        $("input[id^='buttonvalidate']").click(function(){ //当点击所有的id中包含'buttonvalidate'的input标签时,执行函数
         var btnval=$.trim($(this).val());//trim函数,去掉空格
         var str = $('#textareavalidate').val() + btnval;//
         $('#textareavalidate').val(str);//
        });
      });
    </script>
    <title>insert title here</title>
    </head>
    <body>
    <form id="form1" name="form1" action="" method="post">
    <table id ="table1" class="base_table" cellspacing="0" border="1" style="border-collapse: collapse">
     <tr>
     <td>
     <textarea cols="75" rows="5" id="textareavalidate"></textarea>
     </td>
     </tr>
     <tr id="tr1">
     <td>
     <input id="buttonvalidate1" type="button" value=" + "/> 
     <input id="buttonvalidate2" type="button" value=" - "/> 
     <input id="buttonvalidate3" type="button" value=" * "/>
     <input id="buttonvalidate4" type="button" value=" / "/>   
     <input id="buttonvalidate5" type="button" value=" ! "/>
     <input id="buttonvalidate6" type="button" value=" = "/>
     <input id="buttonvalidate7" type="button" value=" < "/>
     <input id="buttonvalidate8" type="button" value=" > "/>   
     <input id="buttonvalidate9" type="button" value=" & "/>
     <input id="buttonvalidate10" type="button" value=" | "/>
     <input id="buttonvalidate11" type="button" value=" ( "/>
     <input id="buttonvalidate12" type="button" value=" ) "/>
     </td>
     </tr>
    </table>
    </form>
    </body>
    </html>
    

    以上實現的功能:點選 ,則把 加到textarea中,點選-,則把-加入textarea;

    以上所述就是本文的全部內容了,希望大家能夠喜歡。

    陳述:
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn