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

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

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

求问啊,这个怎么运行不了..
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. 创建新文本的有关问题
  2. jstack下令
  3. jsp charset 跟 pageEncoding的联系和区别
  4. jQuery 插件的代码只得提示功能
  5. iframe被动提交的有关问题
  6. 关于两个select option值鼠标拖拽内容,该怎么处理
  7. extjs：如何让父窗口的store重新加载数据。从后台代码加载
  8. JavaScript有没有专诚的开发工具或者做到MyEclipse里的插件
  9. 一个很让小弟我纳闷郁闷的有关问题