Привет, у меня есть структура разметки ниже.Я просто взял один столбец из всей таблицы.
Я пытаюсь сделать так, чтобы в td с классом "mon" все остальные теги
были бы скрыты, кроме класса "monTime" (что будет сделано с помощью CSS).Затем все div "staffBox" должны быть пересортированы в соответствии со значением в теге p с классом "monTime"
Так что в приведенном ниже примере порядок должен быть Vanessa, Adele, затем Zoe (естественно отсортированный по времени их запуска"monTime")
Я не против, если мне нужно изменить структуру имени класса или что-то еще
<td class="mon">
<div class="staffBox">
<h4><a href="">Adele</a></h4>
<p class="monTime">7AM - 7AM</p>
<p class="tueTime">7AM - 6AM</p>
<p class="wedTime">12AM - 5AM</p>
<p class="thuTime">8AM - 12AM</p>
<p class="friTime">6AM - 12AM</p>
<p class="satTime">12AM - 10AM</p>
<p class="sunTime">12AM - 9AM</p>
</div>
<div class="staffBox">
<h4><a href="">Zoe</a></h4>
<p class="monTime">1PM - 6PM</p>
<p class="tueTime"> - </p>
<p class="wedTime"> - </p>
<p class="thuTime"> - </p>
<p class="friTime"> - </p>
<p class="satTime"> - </p>
<p class="sunTime"> - </p>
</div>
<div class="staffBox">
<h4><a href="">Vanessa</a></h4>
<p class="monTime">3AM - 6AM</p>
<p class="tueTime"> - </p>
<p class="wedTime"> - </p>
<p class="thuTime"> - </p>
<p class="friTime"> - </p>
<p class="satTime"> - </p>
<p class="sunTime"> - </p>
</div>
</td>