[JavaScript] jQuery next方法用法演示 →→→→→进入此内容的聊天室

来自 , 2020-05-09, 写在 JavaScript, 查看 107 次.
URL http://www.code666.cn/view/a4d5fad8
  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">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title>next的用法</title>
  6. <script type="text/javascript" src="/ajaxjs/jquery1.3.2.js"></script>
  7. <script type="text/javascript">
  8. $(document).ready(function() {
  9.    $("span").click(function (){alert( $("p").next(".selected").html() ); } )
  10.    // $("p").next().html()  也可以  
  11. });
  12. </script>
  13. </head>
  14. <body>
  15. <p>Hello</p><p class="selected">这里的内容将显示</p><div><span>点我测试</span></div>
  16. <!--取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。
  17. 这个函数只返回后面那个紧邻的同辈元素,而不是后面所有的同辈元素。
  18. 可以用一个可选的表达式进行筛选。
  19. -->
  20. </body>
  21. </html>
  22. //javascript/5421

回复 "jQuery next方法用法演示"

这儿你可以回复上面这条便签

captcha