Rumah > hujung hadapan web > tutorial js > jQuery melaksanakan penambahan data pada baris pertama list_jquery

jQuery melaksanakan penambahan data pada baris pertama list_jquery

WBOY
Lepaskan: 2016-05-16 15:58:20
asal
1811 orang telah melayarinya

Dalam jQuery, anda boleh menambah data pada penghujung senarai melalui lampiran, atau anda boleh menambah data di hadapan senarai melalui prepend

Kaedahnya sangat mudah:

Salin kod Kod adalah seperti berikut:

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

    Dilampirkan juga kod jquery untuk menambahkan data secara berterusan pada medan teks 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>
    
    Salin selepas log masuk

    Fungsi yang dilaksanakan di atas: klik untuk menambah pada kawasan teks, klik - untuk menambah - pada kawasan teks;

    Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.

    Label berkaitan:
    sumber:php.cn
    Kenyataan Laman Web ini
    Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
    Tutorial Popular
    Lagi>
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan