使用pure javascript從特定div中刪除所有.col-md類

我試圖從特定div中的所有子元素中刪除所有.col-md-1類。使用pure javascript從特定div中刪除所有.col-md類

<div id="question123"> 
 
    <div class="panel-title"> 
 
    .... 
 
    </div> 
 
    
 
    <div class="panel-body"> 
 
    <div class="answer clearfix"> 
 
     <h3> ... </h3> 
 
     <div class="answer clearfix"> 
 
     <ul class"question-list"> 
 
      <div class="row"> 
 
      <div class = "col-md-1"> 
 
       <li class="question-item" id="javatbd74656737"> 
 
       <div class="checkbox">...</div> 
 
       </li> 
 
      </div> 
 
      <div class = "col-md-1"> 
 
       <li class="question-item" id="javatbd74656737"> 
 
       <div class="checkbox">...</div> 
 
       </li> 
 
      </div> 
 
      <div class = "col-md-1"> 
 
       <li class="question-item" id="javatbd74656737"> 
 
       <div class="checkbox">...</div> 
 
       </li> 
 
      </div> 
 
      </div> 
 
     </ul> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

我現在它的深度嵌套，但是這是我從一個動態生成的html了。我必須以某種方式訪問這個特定的問題div。並從所有子div中刪除.col-md-1。

感謝您的幫助！

來源

2017-06-01 Dariant Virgi

其中「特別股利」？你試過什麼了？ – evolutionxbox

請注意，您需要在ul中實際使用li - 只是在ul內部有一堆div不符合語義上的正確性。 – gavgrif

您可以使用find（）和removeClass方法。

$('#parentElement').find('.col-md-1').removeClass('col-md-1');

來源

2017-06-01 11:37:01 Strernd

'removeClass'不需要類選擇器，所以可以更改爲'removeClass（'col-md-1'）' –

哦，當然了！ – Strernd

你可以使用jQuery removeClass()功能的..

$('.question-list .col-md-1').removeClass('col-md-1');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="question123"> 
 
     <div class="panel-title"> 
 
     .... 
 
     </div> 
 
     
 
     <div class="panel-body"> 
 
     <div class="answer clearfix"> 
 
      <h3> ... </h3> 
 
      <div class="answer clearfix"> 
 
      <ul class"question-list"> 
 
       <div class="row"> 
 
       <div class = "col-md-1"> 
 
        .... 
 
       </div> 
 
       <div class = "col-md-1"> 
 
        .... 
 
       </div> 
 
       <div class = "col-md-1"> 
 
        .... 
 
       </div> 
 
       </div> 
 
      </ul> 
 
      </div> 
 
     </div> 
 
     </div> 
 
    </div>

來源

2017-06-01 11:37:23

對於非jQuery的方法 - 你可以得到所有的div用querySelectorAll，然後將該類刪除課程。

var elements= document.querySelectorAll('.question-list .col-md-1'); 
elements.forEach(function(el){ 
    el.classList.remove('col-md-1'); 
})

來源

2017-06-01 11:39:47 gavgrif

讓您#question123和你.question-list內的所有元素，並使用removeClass去除類

$('#question123 .question-list .col-md-1').removeClass('col-md-1');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="question123"> 
 
    <div class="panel-title"> 
 
    .... 
 
    </div> 
 
    
 
    <div class="panel-body"> 
 
    <div class="answer clearfix"> 
 
     <h3> ... </h3> 
 
     <div class="answer clearfix"> 
 
     <ul class="question-list"> 
 
      <div class="row"> 
 
      <div class = "col-md-1"> 
 
       .... 
 
      </div> 
 
      <div class = "col-md-1"> 
 
       .... 
 
      </div> 
 
      <div class = "col-md-1"> 
 
       .... 
 
      </div> 
 
      </div> 
 
     </ul> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

來源

2017-06-01 11:43:35 quirimmo

使用pure javascript從特定div中刪除所有.col-md類

回答

相關問題