如何在助推器下拉菜單中隱藏一個項目

-1

<label>Select Leave Type</label> 
<div class="dropdown"> 
    <i class="dropdown-arrow dropdown-arrow-inverse"></i> 
    <button class="btn btn4 btn-default dropdown-toggle" type="button" id="menu0" data-toggle="dropdown">--Select-- 
    <span class="caret"></span></button> 
    <ul class="dropdown-menu dropdown-inverse0" role="menu" aria-labelledby="menu0" id="drp0"> 
     <li role="presentation"><a data-myAttribute0="casual" class="list0" href="#" >Casual Leave</a></li> 
     <li role="presentation"><a data-myAttribute0="annual" class="list0" href="#" >Annual Leave</a></li> 
     <li role="presentation"><a data-myAttribute0="medical" class="list0" href="#" >Medical Leave</a></li> 
    </ul> 
</div>

這是我通常用來隱藏整個下拉的代碼。

$('.btn4').css('visibility', 'hidden');

但此刻我想隱藏一個項目。無法弄清楚。請幫幫我。謝謝。

編輯1 當我使用

 <script> 
     $('document').ready(function() { 
      $('#drp0 li').eq(1).css('visibility', 'hidden'); 

     });</script>

出現這種情況。 enter image description here

正如你能明白這不是我need.Please給我更多的建議

來源

2015-07-21 pippi longstocking

不是通常的方式工作（'刪除'或'detach'）？此外，具有相同ID的多個元素是不好的做法 – blgt

@blgt如何做到這一點？像「$（'。btn4'）。CSS（「知名度」，「刪除」）;？。」像這樣的 –

@blgt，'刪除（）'是不是總是好的，如果你需要後，顯示此項目這意味着你將不得不再次重新創建 – WhiteAngel

要使用絕對Bootstrap解決方案，您可以將hide類添加到要隱藏的元素。例如：

<li role="presentation"><a data-myAttribute0="annual" class="list0 hide" href="#" >Annual Leave</a></li>

這裏的例子在BootPly：http://www.bootply.com/q7gTTiFzOT

如果你想要這個動態使用jQuery做，你可以試試這個：

$('ul > li:eq(1)').addClass('hide');

來源

2015-07-21 09:25:53 WhiteAngel

我只是想隱藏這個，當條件爲真。所以我覺得隱藏是永恆的價值。是對的嗎？ –

@DiliniRathnayake，我更新了'hide'類的動態添加的響應。你可以使用：addClass（），removeClass（）或toggleClass（）來動態使用它。 – WhiteAngel

嗨我無法找到任何這在你的模板。 –

選擇li元素中drp0（這是你的下拉菜單中的ID），然後選擇要隱藏元素從返回（從零開始的第一個項目）這樣的名單：

// hide first item 
$('#drp0 li').eq(0).css('visibility', 'hidden'); 

// hide second item 
$('#drp0 li').eq(1).css('visibility', 'hidden'); 

// hide third item 
$('#drp0 li').eq(2).css('visibility', 'hidden'); 

// etc

從jQuery文檔：

.EQ（指數）

描述：減少匹配元素的所述一個指定索引處。

https://api.jquery.com/eq/

您可能需要使用display:none;崩潰元素：

// hide second item 
$('#drp0 li').eq(1).css('display', 'none');

來源

2015-07-21 09:19:36 spenibus

什麼是EQ（0），是DRP（0）平均下拉div的ID？ –

@DiliniRathnayake我更新了答案 – spenibus

請檢查編輯 –

$("li:eq(1)").css('visibility', 'hidden');

2或者你可以給每一個「李」一個ID，並那麼

$("#id").css('visibility', 'hidden');

來源

2015-07-21 09:24:25 sasalilili

//隱藏第一項

$(".btn4").click(function(){ 
     $('.dropdown-menu li').eq(0).css('visibility', 'hidden'); 
});

來源

2015-07-21 09:31:10 SVK

如何在助推器下拉菜單中隱藏一個項目

回答

相關問題