Question

我想使单击一个div时的效果与单击另一个div时的效果相同。

我的意思是，当单击.whole-link时，我希望使它看起来像是否已单击“ nav.laynav.primary li span”。

有什么选择吗？我有这样的东西：

jQuery('.id-25 .row .col.black-white .element-wrap:nth-child(4) .whole-link').on("click", function(e){
        e.preventDefault();
        jQuery('nav.laynav.primary li.menu-item-type-post_type:nth-child(3) ul.sub-menu li:nth-child(4)').trigger("click");
    });
    jQuery('nav.laynav.primary li.menu-item-type-post_type:nth-child(3) ul.sub-menu li:nth-child(4)').on("click", function(){
        console.log('hello');
    })

Answer 1

您可以像这样触发对span元素的点击：

$('.whole-link').on("click", function() {
  $("nav.laynav.primary li span").trigger("click");
});
$("nav.laynav.primary li span").on("click", function() {
  console.log("nav.laynav.primary li span clicked");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="whole-link">
  whole link
</div>
<nav class="laynav primary">
  <ul>
    <li><span>Example</span></li>
  </ul>
</nav>

点击一个div，然后再次点击另一个div

1 个答案: