jQuery选择父级父级同级[关闭]

Question

我要选择父级关系。 但是我的Jquery虽然没有任何错误，但是却无法正常工作。

在单击类BLC4上，显示“模态”（在boxmo类中）。

HTML：

<div id="bodypro">
 <div class="product pro">

  <img class="product-img pro" src="imagessc/fxynxo1413781254438.jpg">

   <div class="product-actions pro">
    <div class="nav titlen pro" style="margin-top: 0%;">RAJFOO Gaming Mouse Button</div>
     <div class="nav pro boxp" style="margin-left: 0px;">
      <ul>
       <li class="blc4 data-toggle= active" data-original-title="Product Page" title="" data-placement="left" tooltip"="">
      </ul>
     </div>
   </div>
 </div>

        <div class="boxmo">
         <div style="display: none;" aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" class="modal productmodal">
          <div class="modal-dialog">
           <div class="modal-content">
            <div class="modal-header">
             <button aria-hidden="true" data-dismiss="modal" class="close" type="button"><i class="text-danger fa icon-remove"></i></button>
             <h4 id="myModalLabel" class="modal-title"><i class="text-muted fa fa-shopping-cart"></i>RAJFOO Custom</h4>
             </div>
             <div class="modal-body">
              <div class="modal-footer">
                <div class="text-left pull-left col-md-6">                     
                </div>
              </div>
             </div>
        </div>
</div>

JQUERY：

$j('.blc4').on('click', function(event) {
    $j(this).parent().parent().siblings('.boxmo').find('.productmodal').modal('show');
)}

不工作 我想在班级上单击blc4父级，然后使用班级mobox

Answer 1

您应该这样做：

$j(this).parents('#bodypro').find('.productmodal.modal').modal('show');

Answer 2

您的级别是一级，需要另一个parent调用才能起作用：

$j(this).parent().parent().parent().siblings('.boxmo').find('.productmodal').modal('show');

使用选择器查找父项，然后找到合适的子项，更加容易，而且对确切布局的依赖性也较小：

$j(this).closest('#bodypro').find('.boxmo .productmodal').modal('show');