Question

我在.NET应用程序中使用bootstrap。我试图使用jQuery来隐藏ul标签的子节点，但我似乎无法让它工作。这是html

<div class="tab-pane fade row" id="FACSLinks">
    <br />
    <ul id="facslinks1" class="nav nav-tabs nav-stacked col-md-12">
        <li>
            <a href="#">FACS UWay Online Auction</a>
        </li>
        <li>
            <a href="#">FAX Transmission Reports</a>
        </li>
        <li>
            <a href="#">Volunteer Drive Schedule</a>
        </li>
        <li>
            <a href="#">Taxi Requests</a>
        </li>
        <li>  
            <a href="#">Tech Trouble Tickets</a>
        </li>
     </ul>
 </div>

以下是我尝试过的脚本：

$("#facslinks1").hide();

$("#facslinks1 li").hide();

$("#facslinks1 li a").hide();

所有脚本都不起作用。如果引导程序干扰了某些内容，我们就不要一直关注这个问题。但如果只是我完全错误的事实，请告诉我。

Answer 1

你的问题是负载。尝试使用ready，它会起作用。如下面的代码

<script>

$(document).ready(function(){
  $("#facslinks").hide();
});

</script>

或

<script>

$(document).ready(function(){
  $("#facslinks li").hide();
});

</script>

或

<script>

$(document).ready(function(){
  $("#facslinks li a").hide();
});

</script>

现在一切都会奏效。

Answer 2

我删除了演示的fade课程，但是here是您的代码的小提琴，可以正常工作。正如评论者所提到的，在使用jQuery

之前，您必须确保已加载dom

Answer 3

尝试在doc上执行代码，如下所示：

$(function(){
     $('#facslinks1').find('li').hide();
});

Answer 4

我在计算机上使用较旧的java脚本，并尝试使用较新版本的jQuery。

用jQuery标记ul标签

4 个答案: