Question

如何才能首先显示li并隐藏其他人？

我试图通过 jQuery ：

来做一个组合框

我的jQuery脚本：

var drp = $('.drpdiv');

$(drp).each(function(index,value){
    $(this).find('li:first').text()
    $(this).find('li').hide();
    alert($(this).find('li:first').text());
});

我的HTML代码：

<div class="drpdiv">
    <ul class="drp">
        <li>select option...</li>   
        <li>one</li>
        <li>two</li>
        <li>three</li>
    </ul>
</div>

Answer 1

你可以隐藏所有的li但是给第一个li一个类并让它可见。你也可以给第二个另外一个类并隐藏它们。

我希望你提出这个问题。

Answer 2

你可以试试这个。这是你的HTML

  <ul class="drp">
    <li>select option...</li>   
    <li>one</li>
    <li>two</li>
    <li>three</li>
</ul>


<input type="button" class = "show_button" value ="Show" />

然后是你的脚本，第一个元素只会显示。

$('.drp li:gt(0)').hide(); //hide elements
$('.show_button').click(function() {
    $('.drp li:gt(0)').show();
});

Answer 3

你可以用它来做：不是选择器
例如，如下面的代码

var drp = $('.drpdiv');

$(drp).find('li:not(:first)').hide();

另请查看此答案jQuery select all except first

使用HTML项目列表创建组合框

3 个答案: