Запуск дняНажмите на полныйКалендарь с повесткой дняДень

Question

Рассмотрим этот HTML

<tr class="fc-slot120 ">
    <th class="fc-agenda-axis fc-widget-header">4PM</th>
    <td class="fc-widget-content">
        <div style="position: relative;"></div>
    </td>
</tr>

При нажатии td.fc-widet-content событие dayClick вызывается, как и ожидалось.Я хочу расширить эту функциональность до th, у которого есть время, чтобы упростить перебронирование.Этот код вызывается, но не вызывает dayClick.

$('.fc-agenda-axis.fc-widget-header').click(function() {
    $(this).find('td.fc-widget-content').trigger('click');
});

Есть идеи, как вызвать событие dayClick, которое находится в содержимом td?Если я непосредственно щелкну по элементу td.fc-widget-content, dayClick сработает, как и ожидалось.

Answer 1

попробуйте использовать братьев и сестер

jQuery(document).ready(function($) {
   
    $('.fc-widget-header').click(function() {
      $(this).siblings('.fc-widget-content').trigger('click');
  });
     
    $('.fc-widget-content').on('click', function() {
      console.log('click')
      alert('.fc-widget-content clicked')
    })
});

.fc-widget-header {
  height: 100px;
  width: 100px;
  background-color: red;
  color:white
}

.fc-widget-content {
  height: 100px;
  width: 100px;
  background-color: blue;
  color: white;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tr class="fc-slot120">
    <th class="fc-agenda-axis fc-widget-header">4PM</th>
    <td  class="fc-widget-content">
         testt
        <div style="position: relative;"></div>
    </td>
</tr>
</table>