如何使用javascript在ul标记中隐藏div标记

我试图在ul标签中隐藏div标签。如果我使用ul标签的id，所有标签都会被隐藏。但我需要显示第一个div标签，隐藏其余的div标签

html代码如下所示：

<ul class="list inputControls ui-sortable" id="inputControlsContainer">
<div id="Radio" class="leaf">...</div>
<div id="Date" class="leaf">...</div>
<div id="Account" class="leaf">...</div>
<div id="Date1" class="leaf">...</div>
</ul>

...
...
...
...

脚本代码：

<script>
jQuery(document).ready(function () {
var child=document.getElementById("inputControlsContainer").style.display='none';
});
</script>

jQuery（文档）.ready（函数（）{
var child=document.getElementById（“inputControlsContainer”）.style.display='none'；
});

您可以使用和选择器：

$('#inputControlsContainer').find('.leaf').not(':first').hide();

---

此外，您的HTML当前无效，您需要在

中使用
而不是
：

<ul class="list inputControls ui-sortable" id="inputControlsContainer">
    <li id="Radio" class="leaf">...</li>
    <li id="Date" class="leaf">...</li>
    <li id="Account" class="leaf">...</li>
    <li id="Date1" class="leaf">...</li>
</ul>








您可以将与选择器一起使用：

$('#inputControlsContainer').find('.leaf').not(':first').hide();


此外，您的HTML当前无效，您需要在
中使用
而不是
：

<ul class="list inputControls ui-sortable" id="inputControlsContainer">
    <li id="Radio" class="leaf">...</li>
    <li id="Date" class="leaf">...</li>
    <li id="Account" class="leaf">...</li>
    <li id="Date1" class="leaf">...</li>
</ul>








使用：

使用：

使用Jquery使用类选择器选择li元素，然后将事件处理程序绑定到click函数。绑定函数应该找到与所选元素相关的下一个ul，并对其调用toggle方法。默认情况下，jquerytoggle方法将切换元素的可见性

$(".current").click(function(){
  $(this).next("ul").toggle();
});

请参见此
使用Jquery使用类选择器选择li元素，然后将事件处理程序绑定到click函数。绑定函数应该找到与所选元素相关的下一个ul，并对其调用toggle方法。默认情况下，jquerytoggle方法将切换元素的可见性

$(".current").click(function(){
  $(this).next("ul").toggle();
});

请参见此
，HTML无效
div
不能是
ul
的直接子级。T.J.Crowder是正确的，那些应该是HTML无效的
div
不能是
ul
的直接子级。T.J.Crowder是正确的，这些应该是
您的演示效果与预期一样漂亮。使用“document.getElementById”等有什么解决方案吗？这是纯javascript，它是jquery代码，你必须在页面中包含jquery src文件。你能改变你的提琴演示并使用“document.getElementById”并隐藏那些div元素吗gt（）选择器是jquery的，它不能纯在javascript中工作。那么如何使用gt（）在JavaScription中大于条件您的演示程序如预期一样运行良好。使用“document.getElementById”等有什么解决方案吗？这是纯javascript，它是jquery代码，你必须在页面中包含jquery src文件。你能改变你的提琴演示并使用“document.getElementById”并隐藏那些div元素吗gt（）选择器是jquery的，它不能纯在javascript中工作。那么如何使用gt（）javascript中的大于条件