+ -
当前位置:首页 → 问答吧 → 分享一段jquery代码,查找倒数第几的元素

分享一段jquery代码,查找倒数第几的元素

时间:2009-07-14

来源:互联网

看到网友的提问,http://bbs.jquery.org.cn/read.php?tid=5127&page=1#25572
就是写了一个,也当练习,水平有限。
希望和大家一起交流。

form只做了简单的判断。
-------------
同时求一段这样的代码,或者给出链接或思路
http://bbs.jquery.org.cn/read.php?tid=5163

复制代码
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml"><head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4. <title>span to ajax</title>
  5. <script type="text/javascript" src="/jquery/js-inc/jquery-1.3.2.min.js"></script>
  6. <script type="text/javascript">
  7. $(function() { //网页 ready 后加载此方法
  8. $("input[name='numb']").blur(function() {
  9.     if($(this).val()=="") {alert('请输入数字');$(this).focus() }
  10.     else{
  11.       $("p[style]").removeAttr('style');
  12.       var slicenumb = -$(this).val();
  13.       $('p').slice(slicenumb).first2();
  14.     }
  15. });
  16. $("form").submit(function() {
  17.         $("input[name='numb']").trigger("blur");
  18.         return false;
  19.     });
  20. (function($) {
  21.     $.fn.first2 = function(){
  22.     return $(this).eq(0).css('color','red');
  23.     }
  24. })(jQuery);
  25. });//end ini func
  26. </script>
  27. </head>
  28. <body>
  29. <h3>子元素查找 - 倒数第几个元素</h3>
  30. <p>Hello</p><p>cruel</p><p>World</p> <p>World2</p><p>World3</p>
  31. <form method=post action="">
  32.     倒数第几个元素:<input type=text name=numb value="" size=10 /> <input type=submit value=send />
  33. </form>
  34. </body>
  35. </html>

作者: shgen   发布时间: 2009-07-14

相关阅读 更多