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

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

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

求问啊,这个怎么运行不了..
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. ul li弹出菜单有关问题
  2. js取得url中的参数信息
  3. 删除后，怎么刷新查询结果（JS）
  4. 大家帮小弟我看看这段JS播放器的代码？看看能不能修改。
  5. JavaScript动态添加样式,IE上通过
  6. javascript 表单中checkbox全选,该如何解决
  7. 初学jquery，初级有关问题
  8. JavaScript统制页面全屏，并且禁止使用ALT+TAB键切换
  9. jSONP跨域应用认识