从 Fullcalendar 的 eventClick 信息访问子元素

Question

我在 Jquery 中使用 fullcalendar.js。我在从 HTMl 元素中获取子元素时遇到问题。

我打电话给https://fullcalendar.io/docs/eventClick，它返回了我信息。

eventClick: function(info) {
           console.log(info.el);
           let $el = $.parseHTML(info.el);
           console.log($el);
           console.log(info.el.children('.tooltipster'));

所以第一个console.log返回我

    <a class="fc-time-grid-event fc-event fc-start fc-end fc-draggable fc-short" style="background-color: rgb(37, 126, 74); border-color: rgb(37, 126, 74); top: 356px; bottom: -382px; z-index: 1; left: 0%; right: 0%;">
      <div class="fc-content tooltipster tooltipstered" data-tooltip-content="#tooltip_content0">
         <div class="fc-time" data-start="14:00" data-full="14:00 - 14:30">
           <span>14:00 - 14:30</span>
         </div>
         <div class="fc-title">XXX</div>
      </div>
    </a>

第二个给我null

最后一个

TypeError: info.el.children 不是函数

我想要做的是使用“.tooltipstered”作为一个类来访问我的子元素，以获得“tooltip-content”属性的值。

谢谢

Answer 1

解决方案是用 $(info.el)

之类的 jQuery 标签覆盖 info.el

 eventClick: function(info) {
           console.log(info.el);
           let $el = $(info.el);
           console.log($el);
           console.log($el.children('.tooltipster'));