1. 爱易网页
  2. JavaSript
  3. 求问啊这个如何运行不了.

求问啊这个如何运行不了.

日期：2014-05-16　 浏览次数：20362 次

求问啊,这个怎么运行不了..
HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
<meta charset="utf-8">
<script scr="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
 </head>
<body>

<table>
     <tr>
         <th>点击隐藏或者显示</th>
     </tr>
     <tr>
        <td>内容</td>
          <td>内容：</td>
    </tr>
    <tr>
        <td>内容</td>
          <td>内容：</td>
    </tr>
</table>
<table>
     <tr>
         <th>点击隐藏或者显示</th>
     </tr>
     <tr>
        <td class="b_l">内容</td>
          <td class="b_l">内容：</td>
    </tr>
    <tr>
        <td class="b_l">内容</td>
          <td class="b_l">内容：</td>
    </tr>
</table>
<script>
        $(function(){            
         $("table tr",this)[0].toggle(
             function(){
            $("table tr",this).gt(0).hide()
                },
            function(){
                $("table tr",this).gt(0).show()
                }
            )
        })
</script>



</body>
</html>


------解决方案--------------------
jquery 选择器如果加了【0】就变成原生demo对象，是不能使用jquery的方法的
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
 </head>
<body>

<table>
<tr>
<th>点击隐藏或者显示</th>
</tr>
<tr>
<td>内容</td>
<td>内容：</td>
</tr>
<tr>
<td>内容</td>
<td>内容：</td>
</tr>
</table>
<table>
<tr>
<th>点击隐藏或者显示</th>
</tr>
<tr>
<td class="b_l">内容</td>
<td class="b_l">内容：</td>
</tr>
<tr>
<td class="b_l">内容</td>
<td class="b_l">内容：</td>
</tr>
</table>
<script>
$(function(){
$("tr:eq(0)").toggle(
function(){
$("tr:gt(0)").hide()
},
function(){
$("tr:gt(0)").show()
}
)
})
</script>
</body>
</html>
楼主
------解决方案--------------------
JScript code
    $(function () {
        $('table tr:first-child').toggle(
        function () { $(this).parent().find('tr:gt(0)').hide() }, 
        function () { $(this).parent().find('tr:gt(0)').show() });
    });

相关资料更多>

  1. JavaScript擒获IE窗口的resize事件
  2. 基于JSR181基准开发ActiveMQ与Petals ESB交互
  3. js奇效-从Frame窗口跳出框架，整体跳出
  4. javascript 利用call步骤实现多层次继承
  5. java运作js脚本引擎-rhino
  6. js正则表达式提取字串,该如何处理
  7. JavaScript读书笔记4
  8. 想动态设置样式，不知道如何写
  9. extjs格局