私はいくつかのテーブルを持っています:
Title 1 | Title 2 | Title 3 |
--------------------------------------------------
string value 1 | string value 2 | string value 3 |
--------------------------------------------------
string value 4 | string value 5 | string value 6 |
そしていくつかのステップ:
「そしてその<名前>をクリックしてください」、ここで<名前>は最初の列から何でもかまいません。
では、必要な要素を見つけてクリックするにはどうすればよいでしょうか。
テーブルコード
<div id="grid" class="k-grid k-widget" data-role="grid" tabindex="0" style="">
<div class="k-grid-header" style="padding-right: 17px;">
<div class="k-grid-header-wrap">
<table cellspacing="0">
<colgroup>
<col style="width: 30px;">
<col style="width: 300px;">
<col>
<col style="width: 200px;">
</colgroup>
<thead>
<tr>
<th class="k-header" data-title="ID" data-field="id">ID</th>
<th class="k-header" data-title="Наименование" data-field="name" data-role="sortable" data-dir="asc">
<a class="k-link" href="#">
第二部
Наименование
<span class="k-icon k-arrow-up"></span>
</a>
</th>
<th class="k-header" data-title="Описание" data-field="description">Описание</th>
<th class="k-header" data-field="undefined" data-role="sortable">
</tr>
</thead>
</table>
</div>
</div>
第3部
<div class="k-grid-content">
<table class="k-focusable k-selectable" cellspacing="0" data-role="selectable">
<colgroup>
<col style="width: 30px;">
<col style="width: 300px;">
<col>
<col style="width: 200px;">
</colgroup>
<tbody>
<tr data-uid="72c59bdf-8622-43c6-91bf-7a2a05ca59b1">
<td>5</td>
<td>1</td>
<td>1</td>
<td>
</tr>
第4部
<tr class="k-alt" data-uid="f8d1ef8c-07b0-4e79-9c42-4c6db2d943d0">
<td>6</td>
<td>1</td>
<td>1</td>
<td>
</tr>
<tr data-uid="241a4a4b-7147-46fe-ad55-f865de4a8285">
<td>8</td>
<td>789</td>
<td>987</td>
<td>
</tr>
<tr class="k-alt" data-uid="73bf8ea7-c4f0-49f9-8e8b-41d88b13212d">
<td>7</td>
<td>test</td>
<td>test</td>
<td>
</tr>
5位
<tr data-uid="63db0ec1-5a5a-40be-9fa0-b467ff2b43d3">
<td>4</td>
<td>Второй процесс</td>
<td>null</td>
<td>
</tr>
<tr class="k-alt" data-uid="68fe2d62-5ccb-472b-b7b9-8ee95159deff">
<td>1</td>
<td>Заявление1</td>
<td>управление заявлениями</td>
<td>
</tr>
</tbody>
</table>
</div>
6位
<div class="k-pager-wrap k-grid-pager" data-role="pager">
<ul class="k-pager k-reset k-numeric">
<li>
<span class="k-state-active">1</span>
</li>
</ul>
</div>
</div>