源代码:01.<html>
02.<head>
03.<SCRIPT language=JavaScript src="jquery.js" mce_src="jquery.js"></SCRIPT>
04.<SCRIPT language=JavaScript>
05.$("document").ready(function(){
06. //第六个表格的删除按钮事件绑定
07. $("#tbody6 .del").click(function() {
08. $(this).parents(".repeat").remove();
09. });
10. //第六个表格的添加按钮事件绑定
11. $("#add6").click(function(){
12. $("#tbody6>.template") 13. //连同事件一起复制
14. .clone(true)
15. //去除模板标记
16. .removeClass("template")
17. //修改内部元素
18. .find(".content")
19. .text("新增行")
20. .end()
21. .find(".del")
22. .text("删除")
23. .end()
24. //插入表格
25. .appendTo($("#tbody6"))
26. });
27.}
28.)
29.</script>
30.</head>
31.<body>
32. <ul id="tbody6">
33. <li class="template repeat">
34. <span class="content">这里是模板</span>
35. <span><button class="del">删除</button></span>
36. </li>
37. <li class="repeat">
38. <span class="content">这行原来就有</span>
39. <span><button class="del">删除</button></span>
40. </li>
41. <li class="repeat">
42. <span class="content">这行原来就有</span>
43. <span><button class="del">删除</button></span>
44. </li>
45.</ul>
46.
47. <button id="add6">添加</button>
48.
49.</body>
50.</html>
问题:上面的红色的字体是什么意思?特别是“>”什么意思?
02.<head>
03.<SCRIPT language=JavaScript src="jquery.js" mce_src="jquery.js"></SCRIPT>
04.<SCRIPT language=JavaScript>
05.$("document").ready(function(){
06. //第六个表格的删除按钮事件绑定
07. $("#tbody6 .del").click(function() {
08. $(this).parents(".repeat").remove();
09. });
10. //第六个表格的添加按钮事件绑定
11. $("#add6").click(function(){
12. $("#tbody6>.template") 13. //连同事件一起复制
14. .clone(true)
15. //去除模板标记
16. .removeClass("template")
17. //修改内部元素
18. .find(".content")
19. .text("新增行")
20. .end()
21. .find(".del")
22. .text("删除")
23. .end()
24. //插入表格
25. .appendTo($("#tbody6"))
26. });
27.}
28.)
29.</script>
30.</head>
31.<body>
32. <ul id="tbody6">
33. <li class="template repeat">
34. <span class="content">这里是模板</span>
35. <span><button class="del">删除</button></span>
36. </li>
37. <li class="repeat">
38. <span class="content">这行原来就有</span>
39. <span><button class="del">删除</button></span>
40. </li>
41. <li class="repeat">
42. <span class="content">这行原来就有</span>
43. <span><button class="del">删除</button></span>
44. </li>
45.</ul>
46.
47. <button id="add6">添加</button>
48.
49.</body>
50.</html>
问题:上面的红色的字体是什么意思?特别是“>”什么意思?
取得id为tbody6(这里的<ul id="tbody6"> )的元素下的第一个class为template的元素
看了这个你就明白了。。
上面的意思就是在id为tbody6的元素下找到所有的class为template的元素,然后对其进行操作。