Question

我今天工作并决定开始使用JQUERY为搜索网站制作一个切换表...但我几天前开始像javascript和jquery一样。如果没有表格，它可以正常工作，但是当我添加表格时，它不会切换表格...我想要当你点击过滤搜索表格来到下面然后当你再次点击过滤搜索来隐藏table ...非常感谢任何帮助。下面是代码（我已经在头部引用了jquery）

<div class='filtermore'>
  <h4><a>Filter Search</a></h4>
  <p style="display: none" class='jquery'>

  <table border=0 width="875">
       <tbody>
          <tr>
             <td width="164"><strong>City</strong></td>
             <td width="176"><strong>Price</strong></td>
             <td width="160"><strong>Features</strong></td>
          </tr>
           <tr>
             <td><input type="checkbox"/> City 1</td>
             <td><input type="checkbox"/> Cheap</td>
             <td><input type="checkbox"/> Financing Available</td>
             <td width="357"><input type="checkbox"/> Good for kids</td>
          </tr>
           <tr>
             <td><input type="checkbox"/> City 2</td>
             <td><input type="checkbox"/> Moderate</td>
             <td><input type="checkbox"/> Smoking</td>
             <td><input type="checkbox"/> Accepts Credit Cards</td>
          </tr>
           <tr>
             <td><input type="checkbox"/> City 3</td>
             <td><input type="checkbox"/> Expensive</td>
             <td><input type="checkbox"/> Alcohol</td>
             <td><input type="checkbox"/> Delivery</td>
           </tr>
        </tbody>
     </table>
  </p>
<script>
$("h4").click(function () {
$(".jquery").toggle("slow");
});
</script>


</div>

Answer 1

从技术上讲，你告诉＆lt; p＆gt;标记切换，而不是表格。虽然您会假设该表将继承自＆lt; p＆gt;，但表格已经被破坏，并且在每个浏览器中都会以不同的方式呈现，因此您无法指望它们引起注意。我会在表中添加一个ID并在其上调用toggle，或者在jQuery中使用子选择器（您肯定不会在第一周学习它）直接定位表。像这样：

<table id="mytable">

$('#mytable').toggle('slow');

// or child selector method
$('.jquery table').toggle('slow'); 

// or another method, more advanced, but the same idea would be
$('.jquery :first-child').toggle('slow');

不正常errorJQuery切换......可能很容易

1 个答案: