jQuery implémente l'ajout de données à la première ligne de list

jQuery implémente l'ajout de données à la première ligne de list_jquery

WBOY

Libérer： 2016-05-16 15:58:20

original

1775 Les gens l'ont consulté

Dans jQuery, vous pouvez ajouter des données à la fin de la liste via append, ou vous pouvez ajouter des données au début de la liste via prepend

La méthode est très simple :

Copier le code Le code est le suivant :

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

Ci-joint se trouve également le code jquery pour ajouter continuellement des données au champ de texte de la zone de texte.

<%@ 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>

Copier après la connexion

Les fonctions implémentées ci-dessus : cliquez pour ajouter à la zone de texte, cliquez sur - pour ajouter - à la zone de texte

;

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.