Question

我有这种HTML

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li class="page_leftArrow ${indexOfCurrentPage == 0 ? "disabled" : ""}">
  <a href="#" aria-label="Previous" class="arrowPage left">
    <span aria-hidden="true"><i class="icon-arrows-left" max="${max}"></i></span>
  </a>
</li>

＆＃13;

现在我需要绑定一个事件，如果这个＆＃34; li＆＃34;点击。但是如果你注意到，在里面，有链接，在链接里面有一个图标。如果我碰巧按下图标区域，我会得到一个与我正在做的系统不相符的不同元素。例如，我需要在li中获取课程，如果我点击了链接区域，我将得到＆＃34; arrowPage left＆＃34;而不是＆＃34;＆＃34; page_leftArrow

我的问题是我能做什么，当我点击＆＃34; li＆＃34;的内部时，我会得到正确的元素。

Answer 1

希望能够正确理解这个问题。让我们分开你的问题。首先，您需要在li上绑定点击事件。所以代码就像这样

$('.page_leftArrow').on('click', function() {
  //here is your code.
});

你必须知道，就像$(this)选择器一样，在这种情况下，你可以获取当前点击的<li>标签，然后你就可以制作你的逻辑。此外，如果你像这样<a href="javascript:void(0)" aria-label="Previous" class="arrowPage left">建立链接。这种href会阻止链接执行。

将事件绑定到其中包含如此多元素的元素

1 个答案: