Как щелкнуть тег привязки внутри таблицы с помощью JavaScript - PullRequest
Новая
       4

Как щелкнуть тег привязки внутри таблицы с помощью JavaScript

0 голосов
/ 05 октября 2019

Я работаю над приложением для iOS, где есть возможность просмотра календаря. Пользователь может просматривать то, что находится в календаре на сегодня, но если пользователь хочет видеть то, что находится в предыдущем или следующем дне календаря, он не может этого сделать, поскольку для него нет функциональности. Разработчик сайта не предоставляет API. Поэтому я должен очистить элементы, чтобы получить информацию. Я обнаружил, что на сайте есть таблица, в которой пользователь может выбрать дату для посещения. Но я не уверен, как оценить javascript для этой задачи. Я пытаюсь передать число, которое выбирает пользователь, и получить строку javascript, которая будет оценивать строку javascript. Есть ли способ выбрать тег привязки и нажать? Спасибо.

Вот код. 

<table class="ui-datepicker-calendar">
  <thead>
    <tr>
      <th class="ui-datepicker-week-col">Wk</th>
      <th scope="col"><span title="Monday">Mo</span></th>
      <th scope="col"><span title="Tuesday">Tu</span></th>
      <th scope="col"><span title="Wednesday">We</span></th>
      <th scope="col"><span title="Thursday">Th</span></th>
      <th scope="col"><span title="Friday">Fr</span></th>
      <th scope="col" class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
      <th scope="col" class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="ui-datepicker-week-col">6</td>
      <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">1</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">2</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">3</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">4</a></td>
      <td class=" ui-datepicker-week-end ui-datepicker-days-cell-over  ui-datepicker-current-day ui-datepicker-today"
        data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default ui-state-highlight ui-state-active" href="#">5</a></td>
      <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="9" data-year="2019">
        <a class="ui-state-default" href="#">6</a></td>
    </tr>
    <tr>
      <td class="ui-datepicker-week-col">7</td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">7</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">8</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">9</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">10</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">11</a></td>
      <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="9" data-year="2019">
        <a class="ui-state-default" href="#">12</a></td>
      <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="9" data-year="2019">
        <a class="ui-state-default" href="#">13</a></td>
    </tr>
    <tr>
      <td class="ui-datepicker-week-col">8</td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">14</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">15</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">16</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">17</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">18</a></td>
      <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="9" data-year="2019">
        <a class="ui-state-default" href="#">19</a></td>
      <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="9" data-year="2019">
        <a class="ui-state-default" href="#">20</a></td>
    </tr>
    <tr>
      <td class="ui-datepicker-week-col">9</td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">21</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">22</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">23</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">24</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">25</a></td>
      <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="9" data-year="2019">
        <a class="ui-state-default" href="#">26</a></td>
      <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="9" data-year="2019">
        <a class="ui-state-default" href="#">27</a></td>
    </tr>
    <tr>
      <td class="ui-datepicker-week-col">10</td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">28</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">29</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">30</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">31</a></td>
      <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
      <td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;
      </td>
      <td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;
      </td>
    </tr>
  </tbody>
</table>

1 Ответ

0 голосов
/ 09 октября 2019

Я делал это раньше с веб-сайтом, чтобы люди не могли просматривать его. Я сделал нечто похожее на это, когда якорная ссылка перенаправляет страницу. Но я использовал событие щелчка, которое получит текстовое значение внутри якоря, и я использую функцию javascript для представления данных, которые я хочу получить из переданного значения из якоря. Используйте инструмент разработчика, чтобы увидеть, как действует страница. Я бы посмотрел файлы javascript.

...