jQuery隱藏功能的問題

在HTML部分顯示，如果布爾名爲readOnly爲true，我想隱藏幾個類。jQuery隱藏功能的問題

<div class="row"> 
     <div class="col-lg-12">     
      <div id="point-of-detection" style="display:none;"> 
       <h4>Point of Detection</h4> 
       <div> 
        <ul class="list-inline"> 
         <li><div class="btn btn-info" style="width:135px">Process</div></li> 
         <li> 
          <span class="btn btn-xs btn-info" onclick="addProcess($(this).parent().prev());">+</span> 
          <span class="btn btn-xs btn-danger" onclick="removeProcess($(this).parent().prev());">-</span> 
         </li> 
        </ul> 
        <ul class="list-inline"> 
         <li><span class="btn btn-danger" style="width:135px">Work Elements</span></li> 
         <li>  

          <span class="btn btn-xs btn-info" onclick="addWorkElement($(this).parent().prev());">+</span> 
          <span class="btn btn-xs btn-danger" onclick="removeWorkElement($(this).parent().prev());">-</span> 
         </li> 
        </ul> 
       </div> 
      </div> 
     </div> 
    </div>

在我的JS我一直在嘗試這段代碼。

$(document).ready(function() { 
console.log("ready!"); 
$('#drag-1').draggable(); 
var readOnly = true; 
    //$("#readOnly").val(); 
var testId = $("#Id").val(); 
//hide all extra small buttons when true? "btn btn-xs btn-default" onclick="addBox($(&quot;#drag-1&quot;));">add</span> 
console.log(readOnly + testId); 
if (readOnly == true) { 
    $('.btn btn-xs btn-default').hide(); 
    $('.btn btn-xs btn-info').hide(); 
} 
});

所以當readonly是真的，我想隱藏所有這些元素

$('.btn btn-xs btn-default').hide(); 
    $('.btn btn-xs btn-info').hide();

的是否有某種問題，因爲它是嵌套或？

來源

2015-03-19 Eric Colgan

查看條件'if（readOnly == true）{'除非因爲您沒有在任何地方更新'readOnly'值 – Girish 2015-03-19 11:20:31

我只讀只爲測試目的設置爲true。 – 2015-03-19 11:26:29

您的選擇器不正確。他們應該是：

$('.btn.btn-xs.btn-default').hide(); 
$('.btn.btn-xs.btn-info').hide();

你把一個空間中選擇任何時候，你開始談論後代元素 - 在你的情況下，你的目標內部包含一個不存在的<btn-xs>元素中不存在的<btn-default>元任何帶有.btn類的元素。

在你的情況，如果你只想指定額外的小按鈕，你應該使用的是單級閃避：

$('.btn-xs').hide();

這兩個.btn-default和.btn-info按鈕等工作

來源

2015-03-19 11:19:10

完美，乾杯詹姆斯。 – 2015-03-19 11:36:52

jQuery隱藏功能的問題

回答

相關問題