Question

我需要选择modal-body

我正在使用此$("#modalhapuslampiran > .modal-dialog > .modal-content > .modal body")

有没有办法阻止在孩子div内选择多个孩子div？我只想选择modal-body

<div class="modal" id="modalhapuslampiran" role="dialog" aria-hidden="true" data-backdrop="false">
  <div class="modal-dialog modal-lg"  style="width: 500px;">
      <div class="modal-content">
          <div class="modal-header">
            <div class="modal-title">
               <center><h4>PERINGATAN!!</i></h4></center>
            </div>
          </div>
          <div class="modal-body">
          </div>
          <div class="modal-footer" center>
          <center>
              <button type="button" id="savelampiran_delete" class="btn btn-primary">Ya</button>
              <button type="button" data-dismiss="modal" class="btn btn-danger">Tidak</button>
          </center>
          </div>
      </div>
    </div>
</div>

Answer 1

有没有办法防止在子div中选择多个子div ？我只想选择modal-body

然后单独使用该选择器：

$(".modal-body")

或使用find()

$(".modal").find(".modal-body")

或更独特地使用像这样的模态ID

$("#modalhapuslampiran").find(".modal-body")

Answer 2

最简单的解决方案是使用jQuerys .find（）方法，这样就可以在选择器中链接元素。所以你应该能够做到以下几点并获得相同的结果：

$(".modal").find("modal-body")

如何防止使用jQuery在div元素中选择多个子div

2 个答案: