使用纯javascript

Question

我试图从特定div中的所有子元素中删除所有.col-md-1类。

＆＃13;

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

我现在已经深深嵌套了，但这就是我从动态生成的html中得到的。我必须以某种方式访问​​这个特殊的问题div。并从所有子div中删除.col-md-1。

感谢您的帮助！

Answer 1

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

 var input = $('#time');
    input.clockpicker({
    autoclose: true
    });

Answer 2

你可以使用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>

Answer 3

对于非jQuery方法 - 您可以使用querySelectorAll获取该类的所有div，然后删除该类。

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

Answer 4

获取#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>