COVIDにより、当店から配送プログラムを開始しました。ツアーを行うために、データベースからページ上の情報を取得します。しかし、最速のツアーを行うには、新しいページのすべての行をコピーする必要があり、これは多くの作業です。作成する必要のあるリストは次のようになります。
Streetname 1 CITY {ORDERNUMBER}
Streetname 2 CITY {ORDERNUMBER}
Streetname 3 CITY {ORDERNUMBER}
これを行うには、すべての行をコピーします。これには多くの作業が必要ですが、リストを単独で生成することもできます。WebページのHTMLは次のようになります。
<table class="table table-framed">
<tbody data-bind="foreach: selectedTourNonDeletedShipments" id="sortable" class="ui-sortable" >
<tr>
<td id="orderNumber" style="width: 11%"><a data-dismiss="modal" href="ShipmentDetail" data-bind="text: orderNo, click: $root.onShipmentDetail.bind($data)">1151491332</a></td>
<td style="width: 9%" data-bind="text: zipcode">1234AB</td>
<td style="width: 13%" data-bind="text: city">Arnhem</td>
<td style="width: 17%" data-bind="text: deliveryAddress">Streetname 123</td>
<td style="width: 12%" data-bind="text: timeSlot">2020-12-27 09:00</td>
<td style="width: 8%" data-bind="text: weight">0.77</td>
<td style="width: 8%" data-bind="text: volume">0.01</td>
<td style="width: 5%"><button id="bRemoveTour" class="btn btn-secondary btn-sm" data-bind="click: function() { $root.clickRemoveSingleShipment($data) }">X</button></td>
</tr>
<tr>
<td>Same things again</td>
</tr>
</tbody>
</table>
私が考えていたのは、Javascript / jQueryを備えたGoogleChromeコンソールでこのリストを作成することです。私の質問は、javascriptの特定のデータバインドアイテムから値を取得する方法です。
例:data-bind = "text:City"の値 "Arnhem"を取得する方法。
<td style="width: 13%" data-bind="text: city">Arnhem</td>
誰かが私を助けてくれることを願っています。どうもありがとうございました。
:のようなセレクターを使用する'[data-bind="text: city"]'
か、行内のセルのインデックスを使用できます
簡単な例:
$('tbody#sortable tr').each(function(){
const $cells = $(this).children()
const order = $cells.eq(0).text(),
city = $cells.filter('[data-bind="text: city"]').text()
console.log('Order:', order, ' City:',city )
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="table table-framed">
<tbody data-bind="foreach: selectedTourNonDeletedShipments" id="sortable" class="ui-sortable">
<tr>
<td id="orderNumber" style="width: 11%"><a data-dismiss="modal" href="ShipmentDetail" data-bind="text: orderNo, click: $root.onShipmentDetail.bind($data)">1151491332</a></td>
<td style="width: 9%" data-bind="text: zipcode">1234AB</td>
<td style="width: 13%" data-bind="text: city">Arnhem</td>
<td style="width: 17%" data-bind="text: deliveryAddress">Streetname 123</td>
<td style="width: 12%" data-bind="text: timeSlot">2020-12-27 09:00</td>
<td style="width: 8%" data-bind="text: weight">0.77</td>
<td style="width: 8%" data-bind="text: volume">0.01</td>
<td style="width: 5%"><button id="bRemoveTour" class="btn btn-secondary btn-sm" data-bind="click: function() { $root.clickRemoveSingleShipment($data) }">X</button></td>
</tr>
</tbody>
</table>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加