jQuery实现在列表的首行添加数据
jQuery中可以通过append在列表的最后添加数据,也可以通过prepend在列表的最前面添加数据
方法很简单:
jQuery('#comment_list').prepend('<li>hellowww.nhooo.com</li>');
另外附上jquery实现连续向textarea文本域添加数据的代码。
<%@pagelanguage="java"contenttype="text/html;charset=gbk"pageencoding="gbk"%> <%@includefile="/pages/common/taglibs.jsp"%> <!doctypehtmlpublic"-//w3c//dtdhtml4.01transitional//en""http://www.w3.org/tr/html4/loose.dtd"> <html> <head> <scripttype="text/javascript"src="jquery-1.4.js"></script> <scripttype="text/javascript"> $(document).ready(function(){ $("input[id^='buttonvalidate']").click(function(){//当点击所有的id中包含'buttonvalidate'的input标签时,执行函数 varbtnval=$.trim($(this).val());//trim函数,去掉空格 varstr=$('#textareavalidate').val()+btnval;// $('#textareavalidate').val(str);// }); }); </script> <title>inserttitlehere</title> </head> <body> <formid="form1"name="form1"action=""method="post"> <tableid="table1"class="base_table"cellspacing="0"border="1"style="border-collapse:collapse"> <tr> <td> <textareacols="75"rows="5"id="textareavalidate"></textarea> </td> </tr> <trid="tr1"> <td> <inputid="buttonvalidate1"type="button"value="+"/> <inputid="buttonvalidate2"type="button"value="-"/> <inputid="buttonvalidate3"type="button"value="*"/> <inputid="buttonvalidate4"type="button"value="/"/> <inputid="buttonvalidate5"type="button"value="!"/> <inputid="buttonvalidate6"type="button"value="="/> <inputid="buttonvalidate7"type="button"value="<"/> <inputid="buttonvalidate8"type="button"value=">"/> <inputid="buttonvalidate9"type="button"value="&"/> <inputid="buttonvalidate10"type="button"value="|"/> <inputid="buttonvalidate11"type="button"value="("/> <inputid="buttonvalidate12"type="button"value=")"/> </td> </tr> </table> </form> </body> </html>
以上实现的功能:点击+,则把+添加到textarea中,点击-,则把-添加到textarea中;
以上所述就是本文的全部内容了,希望大家能够喜欢。