cari

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

jQuery melaksanakan penambahan data pada baris pertama list_jquery

WBOY
WBOYasal
2016-05-16 15:58:201780semak imbas

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('25edfb22a4f469ecb59f1190150159c6hello www.jb51.netbed06894275b65c1ab86501b08a632eb');

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>

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.

Kenyataan：
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
Artikel sebelumnya：Penjelasan terperinci tentang menggunakan pemalam muat naik JQuery Uploadify dalam AspNet_jqueryArtikel seterusnya：Penjelasan terperinci tentang menggunakan pemalam muat naik JQuery Uploadify dalam AspNet_jquery

Artikel berkaitan

Lihat lagi