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

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

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

求问啊,这个怎么运行不了..
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正则表达式札记(修正版)
  2. jsp 显示图片有关问题 很急
  3. 关于日历控件有关问题
  4. JAVASCRIPT定时器,该怎么处理
  5. js中escape()函数跟unescape()函数的功能
  6. 给变量赋字符串值,该如何处理
  7. json忽略多余字段类诠释
  8. 施用OOP的方式扩展ExtJS UI组建 - 更新版
  9. 怎么解决struts2与json包冲突的有关问题