从 Fullcalendar 的 eventClick 信息访问子元素

Question

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

我打电话给 https://fullcalendar.io/docs/eventClick，return 是我 info。

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

所以拳头console.logreturn我

    <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 is not a function

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

谢谢

Answer 1

解决方案是用 jQuery 标签覆盖 info.el $(info.el)

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

从 Fullcalendar 的 eventClick 信息访问子元素

Access to a child element from info of eventClick from Fullcalendar

javascript

jquery

fullcalendar

fullcalendar-4