Maison > Article > interface Web > jQuery implémente l'ajout de données à la première ligne de list_jquery

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

WBOYoriginal: 2016-05-16 15:58:201739parcourir

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

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>

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.

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Explication détaillée de l'utilisation du plug-in de téléchargement JQuery Uploadify dans AspNet_jqueryArticle suivant：Explication détaillée de l'utilisation du plug-in de téléchargement JQuery Uploadify dans AspNet_jquery

Articles Liés

Voir plus