时间戳

首页 > 解决方案 > 在jquery中的ul中放置一个事件点击特定项目

javascript - 在jquery中的ul中放置一个事件点击特定项目

问题描述

我需要有关 jquery 的帮助。实际上我有以下 HTML 标记：

     <ul class="accordion accordion--sm js-accordion">
            <li class="accordion__item">
                <div class="accordion__tab">
                    <h3 class="accordion__tab-title to-uppercase">
                        Customers
                    </h3>

                    <i class="material-icons accordion__tab-icon mdl-animation--default js-accordion-customer">add</i>
                </div>

                <div class="accordion__panel accordion__panel--transparent js-render-customer" style="display: none;">
                </div>
            </li>
        </ul>

我想js-accordion-customer在 ul 中的类上添加一个点击事件。我这样做的方式如下：

 $('ul.js-accordion').find('.js-accordion-customer').on('click', function () {

console.log('the icon is clicked');

但它不起作用。有人可以帮忙吗？

标签： javascriptjquery

解决方案

$('ul .js-accordion-customer').click( function () {

console.log('the icon is clicked');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class="accordion accordion--sm js-accordion">
  <li class="accordion__item">
    <div class="accordion__tab">
      <h3 class="accordion__tab-title to-uppercase">
        Customers
      </h3>

      <i class="material-icons accordion__tab-icon mdl-animation--default js-accordion-customer">add</i>
    </div>

    <div class="accordion__panel accordion__panel--transparent js-render-customer" style="display: none;">
    </div>
  </li>
</ul>

推荐阅读