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父级sibbling with class 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');

Jquery选择父父级兄弟

2 个答案: